言語・開発・勉強

JavaScript3DエンジンThree.jsで遊べるWebサービス 書き換えたコードがリアルタイムにCode Editor

JavaScriptの3Dエンジン、Three.jsを使ってリアルタイムにコードを書き換えて

画面に表示してくれるというWebサービス

サンプルの画像が表示されていますが

どんな物か少し勉強になると思います

code-editor1

Code Editor リンク先はこちらから

code-editor3

色々な値を触ってみると変化していきます

短いコードですが、なかなか勉強になります

code-editor2

例えばカラーコードなどを書き換えると即座に結果が表示されます

こんな勉強法だったら楽しく出来そうです

関連記事

  1. 言語・開発・勉強

    HTML5の2Dゲームエンジン!! 作ってみたい方はちょっと勉強してみては『Stage.js』

    HTML5の2Dゲームエンジンシンプルなコードで手軽にゲームが…

  2. 言語・開発・勉強

    ゲームで学習!! プログラム入門に子供と一緒に学べるプログラミング学習 『Code.org』

    ブロックなプログラミングで簡単にプログラムを理解できる仕組みな…

  3. 言語・開発・勉強

    WebGLで再現されたシンセサイザーの完成度がスゴイ!! 『Web Audio Synth V2』

    WebGL技術でブラウザ上で様々なWebページをご紹介しました…

  4. 言語・開発・勉強

    分かりやすい!! WebでHTML学習をプレビューしながらできるWebサービス 『Dash』

    出題をスライドショーで見ながらコード入力リアルタイムでプレビュ…

  5. 言語・開発・勉強

    英語サイトで日本語ルビを付けてくれるWebサービス『ずるっこ!』 勉強にも便利かも

    英語サイトを翻訳では無く、原文そのままに英語に日本語ルビを付け…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

PAGE TOP