boxheadroomのブックマーク - はてなブックマーク

three.jsで、太陽系をつくってみよう！〜ちょっと応用編〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

テクスチャの読み込みまずは星の数分の展開図を用意して、TextureLoaderで読み込ませる必要があります。展開図は下記からダウンロードできます。太陽水星金星地球雲火星木星土星天王星冥王星海王星宇宙空間ですが、TextureLoaderのloadメソッドは、ひとつずつしか画像を読み込めません。前回作った地球は、地表・雲・宇宙空間でそれぞれ別のテクスチャを使用しています。なので、loadメソッドを3回記述する必要がありました。しかし、今回は使用する画像が多いため、画像をまとめて読み込んだあとに物体を生成させます。テクスチャの読み込みに使用するツール「Preload.js」使用するのは、CreateJSのライブラリモジュールのひとつ、「PreloadJS」です。 PreloadJSは、画像・音声・JSONなどの読み込み処理ができ、読み込み率を、イベントで

boxheadroom 2017/09/08

あとで読む

リンク

いまアツいJavaScript！ゼロから始めるNode.js入門〜5分で環境構築編〜

こんにちは、エンジニアなのにダンクができないのびすけです。今月から記事を書かせていただきます。さてみなさん「Node.js」って知っていますか？僕も最近Node.jsの勉強を始めたので「Node.jsを使ったことがないけど使ってみたい」と思っている人に向けて、Node.jsの入門的な内容を紹介したいと思います。 ▼2020年最新版はこちら！ Node.jsとは一言で言うとアツいJavaScriptです。通常、JavaScriptはユーザーのブラウザで動作するプログラミング言語ですが、Node.jsはサーバー側で動作するJavaScriptであり、Web業界ではかなり注目されています。大量の処理に対応するために、ノンブロッキングI/Oというモデルを採用しています。例えば、データベースから大量の情報を取得してWebページ上に表示をする処理をおこなう場合、通常はデータベースへアクセスし

boxheadroom 2015/08/21

リンク

百聞は一見に如かず。見て学ぶ、WebGLを中心とした3D技術デモ祭 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは、サイトを開くと大概 +[shift]+Iでデベロッパーツールを立ち上げます、あゆみです。表現のための技術は結構気になるクチでして、ネットの荒海に色々覗きに行くのが趣味なのですが、やっぱりCanvasとりわけWebGLは、表現が案件にはまればぜひともやりたいなと感じているわけです。（VRやkinectらへんも気になってはいるんですが、機材が……。。。つい先日Oculus Riftの一般発売が2016年1〜3月と発表がありましたね。SCEのMorpheusも楽しみです！　ハードの進化が目まぐるしいですが、ソフトを作る側も必死でついていかないとですね。120fpsとか、楽しみだけど開発途中でマシン死にそう。） ※お手軽VRのハコスコを社内で使ってみた記事は「全天球カメラで360度ぐるっとパノラマ動画撮影！撮影機器とVRビューワーまとめ」です。さて、前置きが長くなりました。「W

boxheadroom 2015/05/23

リンク

GWに復習したいフロントエンドエンジニア開発系勉強記事まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは、フロントエンドエンジニアの稲葉です。世間はGWですが「どこかに行く気力もお金もないし、どこに行っても混んでるからもう引きこもるに限る」という方にぜひ読んでもらいたい、LIGブログの技術系記事をピックアップしてみました。ゴロゴロするだけじゃもったいない！ GWの時間を、知識・技術のレベルアップにあててみませんか？もちろん旅行や帰省の際の移動時間にもおススメです。携帯でも読めますので！（きっとPC開きたくなっちゃうだろうけど）開発環境ちょっと前まではクライアントサイドのビルドツールといえばgruntでしたが、最近はgulpに置き換わりつつあるのかなという印象です。依存関係の管理もBrowserifyやwebpackと新しいものがどんどん出てきてめまぐるしいですが黒い画面と仲良くなると色々と幸せになれます。 gulpのおすすめ記事「Gulp.js入門 – コーディングを