Forked from: jsdo.it_team's HTML5 Experts.jp Contest エントリー用コード View Diff (481)

無限大に変化するロゴ

cx20

License: MIT License

Fork
5
Fav
12
View
7595
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 455 lines
  • HTML 33 lines
  • SCSS / Compass 258 lines
無限大に変化するロゴ

<対応した点>
・Three.js を用いて、立体的なロゴを作成。
・Tween.js を用いて、ロゴを無限大∞の形に変形させるよう対応。

<追記(2013/08/30)>
・jQuery のバージョンを 2.0.2 → 2.0.3 に変更
(2.0.2 で IE 動作時に 別ドメインの iframe の jQuery を読み込めないバグがあった為)


<参考>
■ 立体的なドット絵を変形してみるテスト - jsdo.it
http://jsdo.it/cx20/uEj0

■ Canvas Cube - jsdo.it
http://jsdo.it/takuyas/7dA4

■ Amazon_co_jp: HTML5 インタラクティブ表現ガイド "HTML5、CSS3、Canvas、CreateJS、JavaScript" 池田 泰延 本
http://www.amazon.co.jp/dp/477415766X

> ■ 3-4 テキストエフェクト
> 落下しながら現れるテキスト
> サンプル 3_4_JS_TExtEffect/1_texteffect/index.html
  • 無限大に変化するロゴ
  • jQuery Easing v1.3
  • jQuery v2.0.3
  • 無限大に変化するロゴ

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

cx20

Author

プログラマ(マイクロソフト系の言語を使用することが多いです。) JavaScript のライブラリを色々と試して遊んでます。

■ 各種 WebGL ライブラリによる基本サンプル一覧 http://qiita.com/cx20/items/0fa19c96aa6470d98807

■ 各種 WebGLライブラリと3D物理演算ライブラリの組み合わせ一覧 http://qiita.com/cx20/items/3ebed669fb9c9e797935

■ Grimoire.js サンプル一覧 http://jsdo.it/tag/Grimoire.js

■ GLBoost サンプル一覧 http://jsdo.it/tag/GLBoost

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

Forked

sort by