<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: fatasia</title>
    <description>The latest articles on DEV Community by fatasia (@fatasia).</description>
    <link>https://dev.to/fatasia</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4193236%2Fe0d8516d-8f25-4915-8530-d75891f273b8.jpg</url>
      <title>DEV Community: fatasia</title>
      <link>https://dev.to/fatasia</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/fatasia"/>
    <language>en</language>
    <item>
      <title>DeepMonkey Studio: from generated scenes to editable worlds, with GLM-5.3</title>
      <dc:creator>fatasia</dc:creator>
      <pubDate>Mon, 19 Oct 2026 04:35:45 +0000</pubDate>
      <link>https://dev.to/fatasia/deepmonkey-studio-from-generated-scenes-to-editable-worlds-with-glm-53-9l5</link>
      <guid>https://dev.to/fatasia/deepmonkey-studio-from-generated-scenes-to-editable-worlds-with-glm-53-9l5</guid>
      <description>&lt;p&gt;DeepMonkey Studio is an editable 2D/3D world platform: scene editing, data, scripts, and AI operations belong to the same project. I maintain the project. You can try the &lt;a href="https://fatasia.github.io/DeepMonkey-Studio/" rel="noopener noreferrer"&gt;browser demo&lt;/a&gt; or inspect the &lt;a href="https://github.com/fatasia/DeepMonkey-Studio" rel="noopener noreferrer"&gt;repository&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  From Vibe Coding to Vibe World
&lt;/h2&gt;

&lt;p&gt;Generating a striking scene is only the beginning. The harder question is what remains after the prompt: can you reopen the world, change an object, attach data, inspect an action, and ship it somewhere else?&lt;/p&gt;

&lt;p&gt;That is the idea behind DeepMonkey's phrase “Vibe World.” The output should be a project you can keep working on, not just an image or a disposable preview. Its longer-term direction includes world models and AI for Science; those are directions, not a claim that the editor is already a general world model.&lt;/p&gt;

&lt;h2&gt;
  
  
  What belongs in the project
&lt;/h2&gt;

&lt;p&gt;The editor brings four concerns together:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Presentation:&lt;/strong&gt; 2D dashboards and 3D scenes, with animation, scripting, and plugins.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Meaning:&lt;/strong&gt; ontology objects, relationships, and actions that connect visual objects to domain concepts.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Live behavior:&lt;/strong&gt; data connectors, device topology, real-time data, and alarms.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Delivery:&lt;/strong&gt; viewers and publish targets, with capability and dependency checks rather than an assumption that every backend supports everything.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;A factory scene is a useful example. A machine is not only a mesh: it can be an object with properties and relationships, shown in a 3D scene and connected to a dashboard. The project includes industrial tooling around PlantLite, PPRLite, URDF robots, and virtual commissioning.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why an ontology matters for AI actions
&lt;/h2&gt;

&lt;p&gt;A chat box beside a viewport does not automatically understand the project. DeepMonkey's ontology layer describes objects, their relationships, and available actions so AI can work with project context rather than only generate text about a screenshot.&lt;/p&gt;

&lt;p&gt;Operations are designed around permissions, previews, cancellation, and traceability. These controls matter when an action changes an existing project. Generating a suggestion and applying it are different operations.&lt;/p&gt;

&lt;p&gt;The AI integration includes model adapters, Responses/Chat Completions support, and MCP. The model is a participant in the workflow, not a replacement for the saved project structure.&lt;/p&gt;

&lt;h2&gt;
  
  
  Editor and engine are separate layers
&lt;/h2&gt;

&lt;p&gt;DeepEngine includes a TypeScript WebGPU path, Rust/wgpu native work, and WebAssembly, using shared scene packages. Studio also retains a Three.js/WebGL compatibility path.&lt;/p&gt;

&lt;p&gt;That distinction matters when evaluating the demo: selecting a rendering backend is not proof of identical support across all deployment targets. Rendering, physics, import conversion, and publishing have backend-specific requirements. The repository documents the available paths.&lt;/p&gt;

&lt;p&gt;There are independent SDK and scripting entry points as well. Developers can use Scene/Server SDKs or plugins without treating the whole editor UI as their application's API.&lt;/p&gt;

&lt;h2&gt;
  
  
  Try the right version
&lt;/h2&gt;

&lt;p&gt;The &lt;a href="https://fatasia.github.io/DeepMonkey-Studio/" rel="noopener noreferrer"&gt;GitHub Pages demo&lt;/a&gt; is a partial frontend demonstration. It does not require an account, stores edits locally, and includes an SMT production-line sample. It is not the full hosted backend service.&lt;/p&gt;

&lt;p&gt;For a local editor, use Node.js 24 or later and run:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npx deepmonkey
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;For an SDK starter, use &lt;code&gt;npx create-deepmonkey my-world&lt;/code&gt;. The &lt;a href="https://github.com/fatasia/DeepMonkey-Studio" rel="noopener noreferrer"&gt;repository&lt;/a&gt; also provides Windows, Docker, and source-based setup paths. Choose one of those when testing server-backed functionality.&lt;/p&gt;

&lt;h2&gt;
  
  
  Where GLM-5.3 fits
&lt;/h2&gt;

&lt;p&gt;Development used multiple models. My estimated usage split is GPT-6 Astra 50%, GLM-5.3 40%, and Opus 10%. These percentages describe model usage, not measured percentages of authored code. I am not assigning individual engine or editor modules to a model without evidence.&lt;/p&gt;

&lt;p&gt;This makes DeepMonkey a GLM-assisted development case, but not a GLM-only application. This article was prepared with AI assistance from the project's documented features.&lt;/p&gt;

&lt;p&gt;For evaluation, start with the sample scene, inspect its objects, and distinguish local frontend editing from server-backed workflows. When reporting a problem, include the deployment mode, rendering backend, asset format, and reproduction steps in a &lt;a href="https://github.com/fatasia/DeepMonkey-Studio/issues" rel="noopener noreferrer"&gt;GitHub issue&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>showdev</category>
    </item>
    <item>
      <title>WITHIN: turning a painting into a place you can explore with Three.js</title>
      <dc:creator>fatasia</dc:creator>
      <pubDate>Mon, 19 Oct 2026 04:34:23 +0000</pubDate>
      <link>https://dev.to/fatasia/within-turning-a-painting-into-a-place-you-can-explore-with-threejs-4pn3</link>
      <guid>https://dev.to/fatasia/within-turning-a-painting-into-a-place-you-can-explore-with-threejs-4pn3</guid>
      <description>&lt;p&gt;WITHIN is a browser-based 3D gallery where you can enter a scene instead of stopping at its frame. I am sharing it as the project's maintainer: &lt;a href="https://fatasia.github.io/within/" rel="noopener noreferrer"&gt;live gallery&lt;/a&gt; · &lt;a href="https://github.com/fatasia/within" rel="noopener noreferrer"&gt;source&lt;/a&gt; · &lt;a href="https://fatasia.github.io/within/showcase/index.html" rel="noopener noreferrer"&gt;video collection&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  A painting is a place, not just a texture
&lt;/h2&gt;

&lt;p&gt;A digital gallery usually gives you a wall, a frame, and a zoom control. WITHIN takes a different direction: the picture becomes a place you can move through. Its 18 worlds include painting-inspired environments, natural landscapes, and a Roadster scene.&lt;/p&gt;

&lt;p&gt;The aim is not archaeological reconstruction. It is to preserve the feeling of looking at a picture while giving the visitor control over distance, time, and viewpoint. The original painting remains a reference, not a claim that every building has been historically reconstructed.&lt;/p&gt;

&lt;h2&gt;
  
  
  Three ways to enter the same scene
&lt;/h2&gt;

&lt;p&gt;The interaction is organized around three modes:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Guided chapters:&lt;/strong&gt; follow a composed route, useful for a first visit or a short visual tour.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Free camera:&lt;/strong&gt; leave the route and explore the scene's composition from another angle.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Walking:&lt;/strong&gt; experience the world closer to human scale rather than treating it as a model on a turntable.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Some worlds add their own interactions, including boating in the cherry-blossom environment and driving, paint changes, and jumping in Roadster. Walking is an exploration mode; building collision coverage is not complete.&lt;/p&gt;

&lt;h2&gt;
  
  
  Motion carries the atmosphere
&lt;/h2&gt;

&lt;p&gt;People and boats move through the scenes. Weather, petals, changing light, and music make time visible without turning every moment into an effect demonstration. In the Qingming-inspired world, the river, bridge, boats, and evening lighting are the focus.&lt;/p&gt;

&lt;p&gt;For a 3D gallery, camera freedom and atmosphere have to work together. A scene that only looks convincing from one recorded viewpoint is closer to a film set than an explorable place. WITHIN therefore offers quality settings and desktop/mobile controls alongside its guided presentation.&lt;/p&gt;

&lt;p&gt;Seven scenes provide original-painting comparisons. Screenshot and video export let visitors keep their own view rather than only sharing the project's trailer.&lt;/p&gt;

&lt;h2&gt;
  
  
  Run it locally
&lt;/h2&gt;

&lt;p&gt;The stack is React, TypeScript, Three.js, and Vite. Rendering uses WebGL; this is not a WebGPU showcase. The site can be deployed as static files.&lt;/p&gt;

&lt;p&gt;With Node.js 22.12 or later:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;git clone https://github.com/fatasia/within.git
&lt;span class="nb"&gt;cd &lt;/span&gt;within
npm ci
npm run dev
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The repository's original code uses MIT. Referenced artworks, music, and other third-party assets have their own attribution information in the project.&lt;/p&gt;

&lt;h2&gt;
  
  
  AI involvement
&lt;/h2&gt;

&lt;p&gt;Development used GPT-6 Astra at medium/high reasoning settings. That describes the development workflow, not a browser runtime dependency. This introduction was also prepared with AI assistance from the project's documented features.&lt;/p&gt;

&lt;p&gt;Start with the &lt;a href="https://fatasia.github.io/within/" rel="noopener noreferrer"&gt;live gallery&lt;/a&gt;, follow a guided chapter, then switch to free exploration. For technical feedback, a scene name, browser/device, quality setting, and reproduction steps are more useful than a general performance score. Issues are welcome in the &lt;a href="https://github.com/fatasia/within/issues" rel="noopener noreferrer"&gt;repository&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>threejs</category>
    </item>
  </channel>
</rss>
