Goodbye VOXELCANVAS
2024年3月31日を持ってVOXELCANVASをサービス終了します。 2017年のリリースから7年も個人開発で続けてきましたが、利用しているバックエンドサービスであるNCMBの終了を受け、この度サービス終了することとしました。 本エントリではこれまでご利用いただいたユーザーの方へ感謝を申し上げつつ、VOXELCANVASの思い出を振り返っていこうと思います。
世界100ヵ国以上で使われるNo.1オンラインボクセルアートメーカー
2024年3月31日を持ってVOXELCANVASをサービス終了します。 2017年のリリースから7年も個人開発で続けてきましたが、利用しているバックエンドサービスであるNCMBの終了を受け、この度サービス終了することとしました。 本エントリではこれまでご利用いただいたユーザーの方へ感謝を申し上げつつ、VOXELCANVASの思い出を振り返っていこうと思います。
過去記事 サービスのSSR化に伴い、モデルページを刷新しました ドキュメントはこちら ページの外観 関連ボクセルはこのように表示されます Original : そのボクセルの最初の祖先ボクセル Ancestor : そのボクセルの親ボクセル Derivation : そのボクセルの子ボクセル(複数) その他のボクセルやWeeklyランキングも表示されます Weeklyランキングは毎週日曜日に更新されます。 ランキングに載ると通知が来ます OGPもPlayerCardで対応しています ６末に終了するGoogle polyをリスペクトしたデザインにしてみました。 ぜひ触ってみてね！
ページはこちら gitbookで作成。 本当はgitbook-cliで作るはずだったのだけど、gitbook initが通らず断念。 Saasサービスの方で作りました。 これで利用者増えるといいな
こんな感じ クエリで呼び出すYouTube方式です。 twitterシェア用のボタンも追加しました。 ユーザーページ、モデルページ、タイムラインと揃ったので、もうこれはVoxel art makerからVoxel SNSに進化したと言っても過言ではない気がします。 ぜひ遊んでみてください！ 2021/04/19 追記 アップデートしました
VOXELCANVASにマイページ機能を追加しました。 でアクセスできます 例 ここでの検索なんかもできます 技術的にはnuxt.jsの動的ルーティングで側だけJAMStack実装。 ビルドタイミングにアップデートされるので、ユーザーデータの更新は即時的には行われません。 こういうユーザーが複数いるサービスのJAMStackって難しいよなあ。 2021/04/19 追記 サービスのSSR化に伴いアップデートしました。 やっぱりもっと早くSSRにするべきやったんや。
最近PlayCanvasで3Diframeのデモが@yausterによって追加されました これがなかなかに面白い機能でPlayCanvasの3D空間内に好きなだけiframeでWebページを埋め込めてしまうのです。 バーチャルゲームセンターも実装できた これをもう少し工夫すればバーチャル美術館とか、展示場とか、何でもできそう。 ポートフォリオもこれで構築すればすごい差別化できそう。 しかも実装はスクリプトを板ポリにアタッチしてattributeでURLを指定するだけ。すごい。 実装自体はCSS3Dでやっていて、PlayCanvasの3D座標系とCSS3Dの3D座標系を完璧に正しくマッピングしきっている。美しい。。 また3D空間でCSS3Dの前にEntityが映り込んだ際は正しくCSS3Dがエンティティ背景に回り込むようになっていて、より没入感を高めている。これはすごすぎる。。。 なおこちらの3Dモデルは全部VOXELCANVASでちゃっちゃっと作成。リソース作成からアプリ開発、デプロイまで全部Webでできてしまった。。。 VOXELCANVASではvirtual-deskkitというタグでパブリック公開中。ぜひダウンロードして使ってみてね。 これで好きなYouTube動画に囲まれるWebサービスとか作ったらおもしろそう。 YouTubeで検索ワード入れたら候補の動画が10個くらい帰ってくるようなAPIないかな 試してみたい。
つぶやきボクセル って知ってますか？ Twitterのように140個のボクセル（ボックス）を使ってモデルを作って投稿できるサービスです！ スマホ一つでボクセルを追加したり色を変えたりして遊べます！ 最終的にこんなモデルやドット絵を作成して、公開できます！ つぶやきボクセルを作りました！ #つぶやきボクセル #voxelcanvas ゆゆゆ — †△銀猫⛩ (@Silnyan_A) October 9, 2020 どうやって作るの？ このURLから簡単に作れます！ 操作方法も書いてあるので簡単！ もっと細かいものを作りたい人はVOXELCANVASっていう連携サービスがおすすめ！ 是非遊んでみてください～
VOXELCANVASのチュートリアル動画を作成しました アカウント作成から最初のモデル作成、公開までのチュートリアルです。 是非見てみてください。
