Web Design Articles

  • 1843

babylon.js ステップ14 パーティクル表現

babylon.js を覚えようシリーズ ステップ14はパーティクル表現です。Three.jsでは自作で頑張るわけですが、babylon.jsではパーティクルシステムが備わっていますので、簡単にパーティクル表現が可能ですいきましょう！ パーティクルの作り方 パーティクルシステム 解説 パーティクルのテクスチャマスク パーティクルエミッタ ローカル空間 場所と広がり ライフタイム サイズ 色 ブレンドモード rate 放出方向 重力 回転 速度 速度リミット 抗力係数 整列 ノイズテクスチャ まとめ パーティクルの作り方 パーティクルシステム パーティクルシステムを用いたパーティクル表現の例はこちらです。コード中に説明を追加していますので順番にみていきましょう コード例は以下です。 var createScene = function () { var [...]

  • 1937

中華で始める Arduino入門日記３ LEDをチカチカさせるぜ

こんにちは、のすけです。 中華で始める Arduino入門日記の3回目です。 この連載は、爆安の中華製のArduino互換機を入手し、色々と苦しみながらも安い互換機でArduinoを学習してしまおうというものです。 入手の話はこちらから。 hollywis.hatenablog.com 本題 前回は、ArduinoIDEとArduinoを接続するところまで行きました。 中華で始める Arduino入門日記２ PCと接続する - hollywis's diary (はりうすブログ) 今回は、マイコンボードの始めの一歩である「LEDをチカチカさせる」通称「Lチカ」をやります。 早速始めていきましょう。 マイコンボードを理解する まずはArduinoの端子などを確認していきます 左上から [...]

  • 1938

さいぞうのArduino初心者日記3 MacにArduinoをつなぐ

そもそものことながら、Macでarduinoがつながらなくて困った。 というか、最初はosx上のvmware fusion上のwindows 7でarduinoを動かそうとしていた。 チュートリアルのHello worldはうごいたのだけど、それはマヤカシだったようで、 別件であるスケッチを動かそしシリアルモニタを開くと、でそのポートはbusyとかいわれて動かなかった。 こんなのがでる。 Arduino Uno and VMware Fusion 検索してみると、VMWareとarduinoは相性がわるいらしい。 諦めて、素直にosx本体でうごかそう。 OSXの問題 しかし、macにもすんなりとはつながらんかった。 正確に言うと、Macにつなげて、スケッチをマイコンボードに書き込みできるけど、シリアルモニタを開くとエラーがでてうまく動かない。 こちらのqiitaの方と同じ症状だ。 MacOSX [...]

  • 1939

中華で始める Arduino入門日記２ PCと接続する

のすけです。 それでは、今回は実際にArduinoに触っていきたいと思います。 この連載は、爆安の中華製のArduino互換機を入手し、色々と苦しみながらも安い互換機でArduinoを学習してしまおうというものです。 入手の話はこちらから。 hollywis.hatenablog.com 今回使うArduino互換機 前回ご紹介した中華キットに入っていたやつです。「UNO」とデカデカと書いてあります。 ちょっとパーツが歪んでたり、部品点数が公式品より少ない感じですね。 型番：詳細不明 ArduinoUNO R3 互換製品 一番左に何やらスイッチがあり、その隣にUSBの端子、一番右に黒い丸い穴が付いていますね。 PCと接続するためのUSBの端子はこのようになっています。PC側とArduino側で形が違います。 プリンターとかと接続するUSBと同じやつっぽいです。 接続してみる 接続するPC：Macbook 2015 (OS X [...]

【超入門】最小構成のWordPressテーマを作る

のすけです。 前回はWordpressテーマの構成について触れました。 hollywis.hatenablog.com 今回はWordpressテーマを作っていきたいと思います。 それも最小の。 レイアウトを決める まず実現したいレイアウトを決めます。 今回は最小構成ということでHTMLはこんな感じにします。 <!DOCTYPE html><!--html宣言--> <html lang="ja"><!--日本語指定--> <head> <meta charset="UTF-8"><!--エンコード：UTF-8指定 --> <title>サイトのタイトル</title> <link rel="stylesheet" href="style.css"> <meta name="viewport" content="width=device-width, initial-scale=1.0 "><!--スマホ用:viewportの設定--> <link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>"><!--CSSの呼び出し--> </head> <body> <header class="site-header"> ヘッダーをここに記述 </header> <div class="container"> <div class="wrap"> <!-- このあたりから上の行をheader.phpに切り出すのが一般的 --> <div id="primary" class="main"> メイン部分 <article class="entry"> [...]

WordPressのデバッグモードをONにする

Wordpressをカスタマイズする際に、デバッグしたいですよね。 そんな時は、エラーを画面に表示するようにデバッグモードをONにしましょう。 設定ファイルはwp-config.php 次のように設定しましょう。 define('WP_DEBUG', true); デバッグモードをOFFにしたい場合は、次のようにします。 define('WP_DEBUG', false); ログに出力する ログに出力したい場合には、さらに次のようにします。 define('WP_DEBUG', true); //デバッグモードON if (WP_DEBUG) { //デバッグモードONの場合 define('WP_DEBUG_LOG', true); //debug.logファイルに保存 define('WP_DEBUG_DISPLAY', false); //画面に表示しない } 上記のように設定した場合、wp-contentフォルダに「debug.log」というファイルができて そこにエラーが記録されていくようになります。

Let’s Work Together

Tell me more about your project

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.