プログラミング

Canvas と WebGL を使ったサンプルページを作りました

投稿日:2017年7月25日 更新日:

Canvas と WebGL を使ったサンプルページを作りました

1. スクリーンショット

スクリーンショット

2. デモページ

以下のURLで実際のページを見ることができます。

3. 内容

  • Canvas の方では、単純に四角形を描画するだけです。クリアすることもできます。
  • WebGL では、Three.js を使って立方体(のワイヤーフレーム)を回転させています。クリアすることもできます。

4. ソースコード

5. 参考情報

📂-プログラミング

執筆者:labo


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

web development

Web Development for Beginners を読む:レッスン15, 16, 17

目次1. はじめに2. Part1: イントロダクション「継承」と「コンポジション」Pub/Sub パターン3. Part 2: canvas にヒーローとモンスターを描く4. Part 3: 動きを …

Web Programming

素のJavaScript と Sass で Webページを作成するための雛形

素のJavaScript と Sass で Webページを作成するための雛形を紹介します(あくまで一例です)。

WordPress

WordPress のテーマ、プラグイン開発のためのデバッグ設定

WordPress のテーマ、プラグイン開発のためのデバッグ設定や Tips について、ここにまとめていこうと思います。 目次1. wp-config.php の設定WP_DEBUGWP_DEBUG_ …

e-Stat API を試しています。

最近、e-Stat 政府統計の総合窓口 というサイトの API機能 を試しています。 e-Stat というのは「政府統計のデータ」が閲覧できるサイトで、プログラムによってデータが取得できるように AP …

no image

プログラミングのコツ

随時、追加していきます。 目次 1. 関連する技術の仕様書や公式ドキュメントを読み込む 2. 機能のかたまり毎に、クラスやメソッドを分割する 3. ツールやアプリケーションはなるべくメイン機能だけを利 …