スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

[WP]no.019 HTMLで3D描画@GLを使わずに

HTML/Javascriptでも、WebGLを用いるよう初期化すれば、とても美しいかつ高速な三次元描画が可能です。

そんな事知ったことか。


ここでは「getContext("2d")」で2Dキャンバスを取得し、行列演算によって透視変換を行い、描画します。ゴリ押し。

あんまり美しくない、簡素で、言うほど高速でない三次元描画が可能です。


透視変換について、こちらのサイトを参照。ほぼそのまま使ってます。

■3次元図形表示技術■2次元への投影方法
http://www.geocities.co.jp/SiliconValley-Bay/4543/Rubic/Mathematics/Mathematics-5.html


視点方向の回転ができないので、それをしたい場合は行列に手を必要があるなど。

続きを読む

スポンサーサイト

テーマ : プログラミング
ジャンル : コンピュータ

tag : HTML5

[WP]no.018 HTML5でシューティングゲーム

本当は全く別で正規表現書いていたのですが、途中混乱したので。
触ろうと思って結局触っていなかったHTML5をやってみました。

htmlでjavascriptを書いてゲームを作る・弄るというのは「まさおコンストラクションFX」を思い出します。
現在Javaのセキュリティ対策によって潰されてしまいましたが。

福田直人のホームページ
http://www.t3.rim.or.jp/~naoto/naoto.html
(旧トップページ→まさおコンストラクション FX Update 16)


中学生ぐらいの時、ボスとか移動床の挙動作って遊んでいた記憶があります。

シューティングゲームはまさおとは殆ど関係ないのでお話はこれまで


ここで作成したシューティングゲームは、やっていることはPythonで作成したシューティングゲームと全く同じ。
具体的なパラメータは適当に決めたものなので挙動は異なりますが、Javascriptでも結構できるものですね…



続きを読む

テーマ : プログラミング
ジャンル : コンピュータ

tag : HTML5

ブログ移転のお知らせ
ブログをshonen.hateblo.jpに移転します. 新規の記事はこちらに投稿します.
プロフィール

舞葉(ぶよう)

Author:舞葉(ぶよう)
github.io
はてなブログ(競プロ)

古い記事のソースコードは色分けしていないので、高機能テキストエディタに貼り付けたほうが見やすいかも。

検索フォーム
このブログについて
自分がつまづいた話題、なんとなく書きたいと思ったこと、ググったけど殆ど資料なかったぞオイ な話等をアップする予定。通りすがりでも、参考になっていただければと。プログラムの例外入力、メモリリークは責任負いません。投稿された記事は修正・削除する場合があります。
カテゴリ
タグ

HSP3アルゴリズムとデータ構造c++RubyJavaUnity画像解析C機械学習C#LinuxcodeIQKinectMinecraftTonyuSystemraspberrypiPythonHTML5音声制御Simulinkruby俺ルール通信制御Javascriptシミュレーション

counter-shinobi
固定記事
最新記事
最新コメント
月別アーカイブ
ブロとも申請フォーム

この人とブロともになる

アクセスランキング
[ジャンルランキング]
コンピュータ
995位
アクセスランキングを見る>>

[サブジャンルランキング]
プログラミング
199位
アクセスランキングを見る>>
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。