漫画漫文ノート

※スクリプト変更のため、ツールへのリンクが切れています。専用ページでお試し下さい。

いずれ３Ｄペイントができるようにしたいのですが、まずはその土台として画像テクスチャの貼り付けを行います。

ポイントは、Blenderの段階で影なしのフラット・カラーでテクスチャを貼り付けること。というのも、漫画漫文ノートの使い途の一つとして「塗り絵」を考えていて、陰影のない単純な絵が欲しいからです。

※スクリプト変更のため、ツールへのリンクが切れています。専用ページでお試し下さい。

クリックしてカーソルを動かすと、オービット・コントロールのおかげで、カメラ視点でいろんな角度や遠近の絵が得られます。

これだけでもある程度は遊べますが、やはり、キャラそのものを動かしたり回転させたりしてみたくなりますね。そこで今回はトランスフォーム・コントロールを導入しました。

Verge3Dの最大の特徴は、Puzzlesというビジュアル・プログラミングのツールが備わっていることです。JavaScriptに慣れていなくてもWeb3Dコンテンツが作れます。

いかんせん、Three.jsのいろいろなモジュールをインポートして使いたい時は、Puzzlesの「至れり尽くせり」ぶりが枷になります。

早い話、どうやってモジュールをインポートしていいか分からない😂　完璧過ぎて、Puzzlesがカバーする範囲の外の処理が記述しにくいのですね。

漫画漫文ノートの印刷用ＣＳＳを設定しました。

昭和の昔、「漫画漫文」というスタイルの書物がたくさん発行されていました。ページの上半分が１コマの漫画、下半分が文章になっています。

「この形で絵の部分を３Ｄにして、視点が自由に変えられたら面白いだろうな」と思い、作ってみました。