ハシモトタクマ / FunTech's banner

ハシモトタクマ / FunTech

@tkm_hmng8 • 2,980 subscribers

AIでデジタルクリエイティブする実験「生成世代」https://t.co/pxNWqgHFGu｜@funtech_inc デザイナー

Shorts

これが最もユーザーに優しくないフォームUIですスパム対策につかえます ChromeのHTML-in-Canvas APIでつくりました

これが最もユーザーに優しくないフォームUIですスパム対策につかえます ChromeのHTML-in-Canvas APIでつくりました

141,676 görüntüleme

Nano Banana Proで浮世絵から深度マップを生成 → Gemini 3 ProでWebGL #webgl #glsl #threejs

Nano Banana Proで浮世絵から深度マップを生成 → Gemini 3 ProでWebGL #webgl #glsl #threejs

102,621 görüntüleme

AIにお願いするだけじゃ、これは絶対につくれない👏

AIにお願いするだけじゃ、これは絶対につくれない👏

64,254 görüntüleme

ANRI Inc.【公式】ANRI のウェブサイトリニューアルにおいて、実装/デザインを担当しましたタカヤさんタカヤ・オオタによる3Dロゴの質感の再現、各デバイスで使いやすい操作性を追求しました

ANRI Inc.【公式】ANRI のウェブサイトリニューアルにおいて、実装/デザインを担当しましたタカヤさんタカヤ・オオタによる3Dロゴの質感の再現、各デバイスで使いやすい操作性を追求しました

70,166 görüntüleme

AI×WebGLの最短学習テクニック「Unity VFX」で検索したチュートリアル動画のURLをNotebookLMにぶち込む ↓ 詳細な技術記事として出力 ↓ CursorにReact / R3Fで再現するための実装計画を作らせるゲームでよく見るような表現もこの方法だとスピーディに学習できる #webgl #threejs

AI×WebGLの最短学習テクニック「Unity VFX」で検索したチュートリアル動画のURLをNotebookLMにぶち込む ↓ 詳細な技術記事として出力 ↓ CursorにReact / R3Fで再現するための実装計画を作らせるゲームでよく見るような表現もこの方法だとスピーディに学習できる #webgl #threejs

35,009 görüntüleme

Frozen Shader❄️ 残暑厳しいので、涼しいWeb作品をつくりました🥶 #threejs #WebGL #r3f #GLSL #shaders #Cursor #ガリガリ君

Frozen Shader❄️ 残暑厳しいので、涼しいWeb作品をつくりました🥶 #threejs #WebGL #r3f #GLSL #shaders #Cursor #ガリガリ君

60,782 görüntüleme

<Frozen> is now open source!😊 Try it out👉 <Frozen> // your r3f scene </Frozen> #threejs #r3f #WebGL #r3f #GLSL #shaders

<Frozen> is now open source!😊 Try it out👉 <Frozen> // your r3f scene </Frozen> #threejs #r3f #WebGL #r3f #GLSL #shaders

51,790 görüntüleme

Studio.Assistantを使ってみた感想結論👉日本のウェブサイト制作に特化したAIツール ①セクション毎にガチャを回せる新体験これまでStudio等のノーコードウェブビルダーでテンプレートから制作する場合、複数のテンプレートからセクションをツギハギして理想の構成にする、みたいなことが多かったんじゃないかと思いますStudio.Assistantだとセクション毎にガチャを回すように、別のレイアウトを試せます。 ②日本のウェブサイトに最適化されている v0, Lavable, ③Studio.Stockのビジュアルがめちゃくちゃ良い自動でStudio.Stockからビジュアルを選定して当てはめてくれます。これがかなり革命では？と思いました。競合AIビルダーやテンプレートだと自分で写真選定しないといけなく、これが結構負担になっていました。しかも、日本人のビジュアルになってるのがポイントです。ターゲットと強みは明確で、日本のウェブサイト制作に特化したAIツール。低予算/短納期な案件でスピーディにクオリティの高いウェブサイトを制作するのに最適なツールだと思います。 #StudioAssistant

Studio.Assistantを使ってみた感想結論👉日本のウェブサイト制作に特化したAIツール ①セクション毎にガチャを回せる新体験これまでStudio等のノーコードウェブビルダーでテンプレートから制作する場合、複数のテンプレートからセクションをツギハギして理想の構成にする、みたいなことが多かったんじゃないかと思いますStudio.Assistantだとセクション毎にガチャを回すように、別のレイアウトを試せます。 ②日本のウェブサイトに最適化されている v0, Lavable, ③Studio.Stockのビジュアルがめちゃくちゃ良い自動でStudio.Stockからビジュアルを選定して当てはめてくれます。これがかなり革命では？と思いました。競合AIビルダーやテンプレートだと自分で写真選定しないといけなく、これが結構負担になっていました。しかも、日本人のビジュアルになってるのがポイントです。ターゲットと強みは明確で、日本のウェブサイト制作に特化したAIツール。低予算/短納期な案件でスピーディにクオリティの高いウェブサイトを制作するのに最適なツールだと思います。 #StudioAssistant

25,505 görüntüleme

名画を立体的に鑑賞する方法 Nano Banana Pro (深度/法線マップ生成)→ WebGL(Three.js) スマホでも体験できます👉 【プロンプト】（法線マップ用） Generate a surface normal map from the input artwork image. Output one RGB image where each pixel encodes the surface normal direction in standard tangent-space format: •R = X direction •G = Y direction •B = Z direction Requirements: •Maintain the same resolution and aspect ratio as the input image. •Normal directions must follow the local geometry implied by brush strokes, shading, and contours. •Do NOT add new artistic elements or repaint the scene. •Only infer plausible micro-geometry and surface orientation. •Ensure smooth, consistent normal transitions without noise. （深度マップ用） Generate a depth map from the input artwork image. Output a single grayscale depth map where: •White = near to the viewer •Black = far from the viewer Requirements: •Maintain the same resolution and aspect ratio as the input image. •Depth must be smooth, continuous, and physically plausible. •Infer only geometric depth that could reasonably exist in the original artwork. •Do NOT add new objects or details. •Do NOT stylize, repaint, or reinterpret the scene. •Avoid texture noise; focus solely on depth structure.

名画を立体的に鑑賞する方法 Nano Banana Pro (深度/法線マップ生成)→ WebGL(Three.js) スマホでも体験できます👉 【プロンプト】（法線マップ用） Generate a surface normal map from the input artwork image. Output one RGB image where each pixel encodes the surface normal direction in standard tangent-space format: •R = X direction •G = Y direction •B = Z direction Requirements: •Maintain the same resolution and aspect ratio as the input image. •Normal directions must follow the local geometry implied by brush strokes, shading, and contours. •Do NOT add new artistic elements or repaint the scene. •Only infer plausible micro-geometry and surface orientation. •Ensure smooth, consistent normal transitions without noise. （深度マップ用） Generate a depth map from the input artwork image. Output a single grayscale depth map where: •White = near to the viewer •Black = far from the viewer Requirements: •Maintain the same resolution and aspect ratio as the input image. •Depth must be smooth, continuous, and physically plausible. •Infer only geometric depth that could reasonably exist in the original artwork. •Do NOT add new objects or details. •Do NOT stylize, repaint, or reinterpret the scene. •Avoid texture noise; focus solely on depth structure.

27,192 görüntüleme

【コーポレートサイトリニューアル🎊】弊社FunTechのコーポレートサイトをリニューアルしました! 実装、デザインを担当しています👍 ワクワクする、遊び心あふれる体験・・・そうだ！いっぱいステッカーを貼れるようにしよう！ということで、たくさんステッカーを貼れるサイトにしました🫡 たくさん貼ってみてください！ #glsl #threejs #webgl #shader #React #nextjs #useShaderFx

【コーポレートサイトリニューアル🎊】弊社FunTechのコーポレートサイトをリニューアルしました! 実装、デザインを担当しています👍 ワクワクする、遊び心あふれる体験・・・そうだ！いっぱいステッカーを貼れるようにしよう！ということで、たくさんステッカーを貼れるサイトにしました🫡 たくさん貼ってみてください！ #glsl #threejs #webgl #shader #React #nextjs #useShaderFx

70,622 görüntüleme

AI x Web制作いろいろ試しましたが、現状のベストプラクティスは多分これです ① →Figmaでデザイン生成 ② coding

AI x Web制作いろいろ試しましたが、現状のベストプラクティスは多分これです ① →Figmaでデザイン生成 ② coding

35,082 görüntüleme

AIでリノベしたオフィスを歩けるようにしたオフィスを撮影 → Nano Bananaでリノベ→ Marble(World Labs)で3DGS → SPARKでレンダリング → Three.jsで3D空間を操作工程の詳細はリプライに↓

AIでリノベしたオフィスを歩けるようにしたオフィスを撮影 → Nano Bananaでリノベ→ Marble(World Labs)で3DGS → SPARKでレンダリング → Three.jsで3D空間を操作工程の詳細はリプライに↓

12,059 görüntüleme

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

早速試してみたけどめちゃくちゃいいなあ。。このまま物質化したい！

早速試してみたけどめちゃくちゃいいなあ。。このまま物質化したい！

ハシモトタクマ / FunTech

64,058 görüntüleme • 4 ay önce

【Framerで制作しました🙌】 FunTechの新しい試み『3D ANIMATION LAB』のWebサイトを制作しました今回は完全ノーコード、全てFramerで制作しました

【Framerで制作しました🙌】 FunTechの新しい試み『3D ANIMATION LAB』のWebサイトを制作しました今回は完全ノーコード、全てFramerで制作しました

橋本卓磨 Takuma Hashimoto

24,872 görüntüleme • 1 yıl önce

Daha fazla içerik yok.