2e:I[658291,["/_next/static/chunks/1wlfrg6wd7qk2.js","/_next/static/chunks/15luuoe7d7yei.js","/_next/static/chunks/43_zfvuk4g8sy.js","/_next/static/chunks/13pbfffm85y-_.js","/_next/static/chunks/25-alydtx6uo8.js","/_next/static/chunks/1td2_bzlhtm8y.js","/_next/static/chunks/37-owrbjeirzi.js","/_next/static/chunks/445r70jy3w095.js","/_next/static/chunks/2xj4-n3rp1ocu.js","/_next/static/chunks/271_c2662lsmn.js","/_next/static/chunks/2h9567rjwr0bu.js","/_next/static/chunks/245uuyepdvp__.js","/_next/static/chunks/2nteuh6dxmfu5.js","/_next/static/chunks/34bc1axro_cjz.js","/_next/static/chunks/33dbr5rv-fii3.js","/_next/static/chunks/0hcu_r_qqiy3p.js"],"GameFullscreenButton"] 30:I[207804,["/_next/static/chunks/1wlfrg6wd7qk2.js","/_next/static/chunks/15luuoe7d7yei.js","/_next/static/chunks/43_zfvuk4g8sy.js","/_next/static/chunks/13pbfffm85y-_.js","/_next/static/chunks/25-alydtx6uo8.js","/_next/static/chunks/1td2_bzlhtm8y.js","/_next/static/chunks/37-owrbjeirzi.js","/_next/static/chunks/445r70jy3w095.js","/_next/static/chunks/2xj4-n3rp1ocu.js","/_next/static/chunks/271_c2662lsmn.js","/_next/static/chunks/2h9567rjwr0bu.js","/_next/static/chunks/245uuyepdvp__.js","/_next/static/chunks/2nteuh6dxmfu5.js","/_next/static/chunks/34bc1axro_cjz.js","/_next/static/chunks/33dbr5rv-fii3.js","/_next/static/chunks/0hcu_r_qqiy3p.js"],"default"] 32:I[658291,["/_next/static/chunks/1wlfrg6wd7qk2.js","/_next/static/chunks/15luuoe7d7yei.js","/_next/static/chunks/43_zfvuk4g8sy.js","/_next/static/chunks/13pbfffm85y-_.js","/_next/static/chunks/25-alydtx6uo8.js","/_next/static/chunks/1td2_bzlhtm8y.js","/_next/static/chunks/37-owrbjeirzi.js","/_next/static/chunks/445r70jy3w095.js","/_next/static/chunks/2xj4-n3rp1ocu.js","/_next/static/chunks/271_c2662lsmn.js","/_next/static/chunks/2h9567rjwr0bu.js","/_next/static/chunks/245uuyepdvp__.js","/_next/static/chunks/2nteuh6dxmfu5.js","/_next/static/chunks/34bc1axro_cjz.js","/_next/static/chunks/33dbr5rv-fii3.js","/_next/static/chunks/0hcu_r_qqiy3p.js"],"default"] 33:I[866595,["/_next/static/chunks/1wlfrg6wd7qk2.js","/_next/static/chunks/15luuoe7d7yei.js","/_next/static/chunks/43_zfvuk4g8sy.js","/_next/static/chunks/13pbfffm85y-_.js","/_next/static/chunks/25-alydtx6uo8.js","/_next/static/chunks/1td2_bzlhtm8y.js","/_next/static/chunks/37-owrbjeirzi.js","/_next/static/chunks/445r70jy3w095.js","/_next/static/chunks/2xj4-n3rp1ocu.js","/_next/static/chunks/271_c2662lsmn.js","/_next/static/chunks/2h9567rjwr0bu.js","/_next/static/chunks/245uuyepdvp__.js","/_next/static/chunks/2nteuh6dxmfu5.js","/_next/static/chunks/34bc1axro_cjz.js","/_next/static/chunks/33dbr5rv-fii3.js","/_next/static/chunks/0hcu_r_qqiy3p.js"],"default"] 34:I[299351,["/_next/static/chunks/1wlfrg6wd7qk2.js","/_next/static/chunks/15luuoe7d7yei.js","/_next/static/chunks/43_zfvuk4g8sy.js","/_next/static/chunks/13pbfffm85y-_.js","/_next/static/chunks/25-alydtx6uo8.js","/_next/static/chunks/1td2_bzlhtm8y.js","/_next/static/chunks/37-owrbjeirzi.js","/_next/static/chunks/445r70jy3w095.js","/_next/static/chunks/2xj4-n3rp1ocu.js","/_next/static/chunks/271_c2662lsmn.js","/_next/static/chunks/2h9567rjwr0bu.js","/_next/static/chunks/245uuyepdvp__.js","/_next/static/chunks/2nteuh6dxmfu5.js","/_next/static/chunks/34bc1axro_cjz.js","/_next/static/chunks/33dbr5rv-fii3.js","/_next/static/chunks/0hcu_r_qqiy3p.js"],"default"] 35:I[490838,["/_next/static/chunks/1wlfrg6wd7qk2.js","/_next/static/chunks/15luuoe7d7yei.js","/_next/static/chunks/43_zfvuk4g8sy.js","/_next/static/chunks/13pbfffm85y-_.js","/_next/static/chunks/25-alydtx6uo8.js","/_next/static/chunks/1td2_bzlhtm8y.js","/_next/static/chunks/37-owrbjeirzi.js","/_next/static/chunks/445r70jy3w095.js","/_next/static/chunks/2xj4-n3rp1ocu.js","/_next/static/chunks/271_c2662lsmn.js","/_next/static/chunks/2h9567rjwr0bu.js","/_next/static/chunks/245uuyepdvp__.js","/_next/static/chunks/2nteuh6dxmfu5.js","/_next/static/chunks/34bc1axro_cjz.js","/_next/static/chunks/33dbr5rv-fii3.js","/_next/static/chunks/0hcu_r_qqiy3p.js"],"default"] 36:I[637783,["/_next/static/chunks/1wlfrg6wd7qk2.js","/_next/static/chunks/15luuoe7d7yei.js","/_next/static/chunks/43_zfvuk4g8sy.js","/_next/static/chunks/13pbfffm85y-_.js","/_next/static/chunks/25-alydtx6uo8.js","/_next/static/chunks/1td2_bzlhtm8y.js","/_next/static/chunks/37-owrbjeirzi.js","/_next/static/chunks/445r70jy3w095.js","/_next/static/chunks/2xj4-n3rp1ocu.js","/_next/static/chunks/271_c2662lsmn.js","/_next/static/chunks/2h9567rjwr0bu.js","/_next/static/chunks/245uuyepdvp__.js","/_next/static/chunks/2nteuh6dxmfu5.js","/_next/static/chunks/34bc1axro_cjz.js","/_next/static/chunks/33dbr5rv-fii3.js","/_next/static/chunks/0hcu_r_qqiy3p.js"],"default"] 39:I[473975,["/_next/static/chunks/1wlfrg6wd7qk2.js","/_next/static/chunks/15luuoe7d7yei.js","/_next/static/chunks/43_zfvuk4g8sy.js","/_next/static/chunks/13pbfffm85y-_.js","/_next/static/chunks/25-alydtx6uo8.js","/_next/static/chunks/1td2_bzlhtm8y.js","/_next/static/chunks/37-owrbjeirzi.js","/_next/static/chunks/445r70jy3w095.js","/_next/static/chunks/2xj4-n3rp1ocu.js","/_next/static/chunks/271_c2662lsmn.js","/_next/static/chunks/2h9567rjwr0bu.js","/_next/static/chunks/245uuyepdvp__.js","/_next/static/chunks/2nteuh6dxmfu5.js","/_next/static/chunks/34bc1axro_cjz.js","/_next/static/chunks/33dbr5rv-fii3.js","/_next/static/chunks/0hcu_r_qqiy3p.js"],"default"] 25:["$","$L16",null,{"href":"/play","className":"rbTextLink rbTextLink--variant_back rbTextLink--iconSize_sm","children":[["$","svg",null,{"width":"16","height":"16","viewBox":"0 0 6 10","fill":"currentColor","xmlns":"http://www.w3.org/2000/svg","children":["$","path",null,{"fillRule":"evenodd","clipRule":"evenodd","d":"M5.66663 9.66663L5.66663 8.33329L4.33329 8.33329L4.33329 9.66663L5.66663 9.66663ZM2.99996 6.99996L2.99996 8.33329L4.33329 8.33329L4.33329 6.99996L2.99996 6.99996ZM1.66663 5.66663L1.66663 6.99996L2.99996 6.99996L2.99996 5.66663L1.66663 5.66663ZM1.66663 4.33329L0.333292 4.33329L0.333292 5.66663L1.66663 5.66663L1.66663 4.33329ZM2.99996 2.99996L2.99996 4.33329L1.66663 4.33329L1.66663 2.99996L2.99996 2.99996ZM2.99996 2.99996L4.33329 2.99996L4.33329 1.66663L2.99996 1.66663L2.99996 2.99996ZM5.66663 0.333293L5.66663 1.66663L4.33329 1.66663L4.33329 0.333293L5.66663 0.333293Z","fill":"currentColor"}]}],["$","span",null,{"children":"All games"}]]}] 26:["$","div",null,{"className":"rbGamePage__stageHeaderActions d_flex ai_center flex-sh_0 [.rbGamePage__gameWrapper[data-game-css-fullscreen]_&]:pointer-events_auto [.rbGamePage__gameWrapper[data-game-css-fullscreen]_&]:[&_button]:bg-c_surface.scrim [.rbGamePage__gameWrapper[data-game-css-fullscreen]_&]:[&_button]:bd-c_border.glass [.rbGamePage__gameWrapper[data-game-css-fullscreen]_&]:[&_button]:c_text.primary [.rbGamePage__gameWrapper[data-game-css-fullscreen]_&]:[&_button]:bx-sh_elevation.card","role":"group","aria-label":"Game stage actions","children":["$","$L2e",null,{"variant":"toolbar"}]}] 2f:T58e,rbGamePage__gameContainer pos_relative w_full asp_16_/_9 max-h_[var(--game-fit-height)] max-w_[var(--game-fit-width)] m_[0_auto] bg-c_black d_flex flex-d_column ov_hidden bd-w_1px border-style_solid bd-c_border.glass border-top-style_none border-bottom-style_none bdr_[0] [&:fullscreen,_&:-webkit-full-screen]:asp_auto [&:fullscreen,_&:-webkit-full-screen]:w_full [&:fullscreen,_&:-webkit-full-screen]:h_full [&:fullscreen,_&:-webkit-full-screen]:max-w_full [&:fullscreen,_&:-webkit-full-screen]:max-h_[100vh] [&:fullscreen,_&:-webkit-full-screen]:bdr_[0] [&:fullscreen,_&:-webkit-full-screen]:border-style_none [@media_(max-width:_575px)_and_(orientation:_portrait)]:h_[var(--game-fit-height)] [@media_(max-width:_575px)_and_(orientation:_portrait)]:asp_auto [@media_(max-width:_575px)_and_(orientation:_portrait)]:max-w_[none] [@media_(max-width:_575px)_and_(orientation:_portrait)]:max-h_[none] [.rbGamePage__gameWrapper[data-game-css-fullscreen]_&]:flex_auto [.rbGamePage__gameWrapper[data-game-css-fullscreen]_&]:w_full [.rbGamePage__gameWrapper[data-game-css-fullscreen]_&]:min-h_0 [.rbGamePage__gameWrapper[data-game-css-fullscreen]_&]:h_auto [.rbGamePage__gameWrapper[data-game-css-fullscreen]_&]:max-w_[none] [.rbGamePage__gameWrapper[data-game-css-fullscreen]_&]:max-h_[none] [.rbGamePage__gameWrapper[data-game-css-fullscreen]_&]:asp_auto [.rbGamePage__gameWrapper[data-game-css-fullscreen]_&]:border-style_none31:T2d0e,// App.jsx import React, { useState, useEffect, useRef } from 'react'; import ReactDOM from 'react-dom/client'; import * as THREE from 'three'; // ================================================== // ChatAIClass Definition // ================================================== // This module provides a class, ChatAIClass, which uses a ChatManager (provided externally) // to conduct a conversation with an AI. The AI's behavior is defined by a description string, // and the ChatAIClass offers a simple getResponse method to get AI responses. // // This is AI is powered by Rosebud AI and is Rosebud's method to add in-game AI features. // // IMPORTANT NOTE: // - Do not assume how ChatManager works beyond what is described here. // - We only know that: // 1. ChatManager is constructed by passing in a description string. // 2. We can add messages by calling chatManager.addMessage('user', prompt). // 3. We can get an AI-generated response by calling chatManager.getCharacterResponse('chat'). // - Any other assumptions about ChatManager internals or methods should not be made. // // This code can be used in any JS project by simply importing this class and using it. ////////////////////////////////////////////////////////////// // Defines how the AI should behave. This should change to match the project. const REFLECTION_PROMPTS = [ "What made you smile today?", "What's one thing you learned today?", "What are you grateful for today?", "What was challenging today and how did you handle it?", "What's something kind you did for someone else?", "What's one thing you'd like to improve tomorrow?", "What gave you energy today?", "What drained your energy today?", "What's a small win you had today?", "What's something you're looking forward to?" ]; const AI_BEHAVIOR_DESCRIPTION = ` You are an advanced and knowledgeable AI system capable of assisting users with a wide range of topics. You should respond concisely and helpfully, ensuring that the information you provide is accurate, clear, and context-aware. `; /** * ChatAIClass: * * This class is intended for non-technical users who want to interact with an AI system. * * Usage: * 1. Create an instance of ChatAIClass: * const chat = new ChatAIClass(); * * 2. Call getResponse(prompt) to get a response from the AI: * const answer = await chat.getResponse("What is quantum computing?"); * console.log(answer); */ export class ChatAIClass { constructor() { // Directly create a new ChatManager instance with the AI behavior description. // We assume ChatManager is available globally or imported from elsewhere. this.chatManager = new ChatManager(AI_BEHAVIOR_DESCRIPTION); } /** * Generates a response from the AI based on the given prompt. * * @param {string} prompt - The user's input or question. * @returns {Promise} - The AI's response as text. */ async getResponse(prompt) { // Add the user's message to the conversation. this.chatManager.addMessage('user', prompt); // Ask the ChatManager for the AI's response and return it. const response = await this.chatManager.getCharacterResponse('chat'); return response; } } // ================================================== // Main App Component with Three.js Scene // ================================================== const Journal = ({ onClose }) => { const [entry, setEntry] = useState(''); const [prompt, setPrompt] = useState(''); useEffect(() => { // Get random prompt const randomIndex = Math.floor(Math.random() * REFLECTION_PROMPTS.length); setPrompt(REFLECTION_PROMPTS[randomIndex]); }, []); const handleSubmit = (e) => { e.preventDefault(); // Here you would typically save the entry console.log('Journal Entry:', { prompt, entry }); setEntry(''); onClose(); }; return (

Daily Reflection

{prompt}

setEntry(e.target.value)}
          placeholder="Write your thoughts here..."
          style={{
            width: '100%',
            minHeight: '200px',
            padding: '1rem',
            marginBottom: '1rem',
            border: '1px solid #ddd',
            borderRadius: '5px',
            resize: 'vertical',
            fontSize: '1rem',
          }}
        />
        <div style={{ display: 'flex', justifyContent: 'space-between' }}>
          <button
            type="button"
            onClick={onClose}
            style={{
              padding: '0.5rem 1rem',
              backgroundColor: '#fff',
              border: '1px solid #333',
              borderRadius: '5px',
              cursor: 'pointer',
            }}
          >
            Close
          </button>
          <button
            type="submit"
            style={{
              padding: '0.5rem 1rem',
              backgroundColor: '#333',
              color: '#fff',
              border: 'none',
              borderRadius: '5px',
              cursor: 'pointer',
            }}
          >
            Save Entry
          </button>
        </div>
      </form>
    </div>
  );
};
const App = () => {
  const mountRef = useRef(null);
  const [showJournal, setShowJournal] = useState(false);
  useEffect(() => {
    // Scene setup
    const scene = new THREE.Scene();
    const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
    const renderer = new THREE.WebGLRenderer({ alpha: true });
    
    renderer.setSize(window.innerWidth, window.innerHeight);
    mountRef.current.appendChild(renderer.domElement);
    
    // Create gradient texture
    const gradientCanvas = document.createElement('canvas');
    gradientCanvas.width = 256;
    gradientCanvas.height = 256;
    const ctx = gradientCanvas.getContext('2d');
    
    // Create radial gradient
    const gradient = ctx.createRadialGradient(
      128, 128, 0,
      128, 128, 128
    );
    gradient.addColorStop(0, '#ff7eb3');   // Warm pink
    gradient.addColorStop(0.5, '#ff8e71'); // Coral
    gradient.addColorStop(1, '#ffd700');   // Golden yellow
    
    ctx.fillStyle = gradient;
    ctx.fillRect(0, 0, 256, 256);
    
    const texture = new THREE.CanvasTexture(gradientCanvas);
    
    // Create sphere with smooth geometry
    const geometry = new THREE.SphereGeometry(2, 64, 64);
    const material = new THREE.ShaderMaterial({
      uniforms: {
        time: { value: 0 },
        gradient: { value: texture },
        resolution: { value: new THREE.Vector2(window.innerWidth, window.innerHeight) }
      },
      vertexShader: `
        varying vec2 vUv;
        varying vec3 vPosition;
        
        void main() {
          vUv = uv;
          vPosition = position;
          gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
        }
      `,
      fragmentShader: `
        uniform float time;
        uniform sampler2D gradient;
        varying vec2 vUv;
        varying vec3 vPosition;
        void main() {
          // Create flowing effect
          float noise = sin(vPosition.x * 2.0 + time) * 
                       cos(vPosition.y * 2.0 + time) * 
                       sin(vPosition.z * 2.0 + time);
          
          // Sample gradient texture
          vec2 uv = vUv + 0.1 * vec2(noise);
          vec4 gradientColor = texture2D(gradient, uv);
          
          // Add glow effect
          float glow = 0.3 * (1.0 + sin(time + length(vPosition)));
          
          gl_FragColor = gradientColor + vec4(glow, glow * 0.5, 0.0, 0.0);
        }
      `,
      transparent: true,
      side: THREE.DoubleSide,
    });
    
    const sphere = new THREE.Mesh(geometry, material);
    scene.add(sphere);
    
    // Warm lighting setup
    const ambientLight = new THREE.AmbientLight(0xfff0e6, 0.5);
    scene.add(ambientLight);
    
    const sunLight = new THREE.PointLight(0xffcb8e, 2, 20);
    sunLight.position.set(5, 3, 5);
    scene.add(sunLight);
    
    const pinkLight = new THREE.PointLight(0xff8e8e, 2, 15);
    pinkLight.position.set(-3, 2, 4);
    scene.add(pinkLight);
    
    const goldLight = new THREE.PointLight(0xffd700, 2, 15);
    goldLight.position.set(2, -2, 4);
    scene.add(goldLight);
    
    // Set camera position for better view
    camera.position.z = 6;
    
    // Animation
    const animate = () => {
      requestAnimationFrame(animate);
      
      // Update shader time uniform
      material.uniforms.time.value = Date.now() * 0.001;
      
      // Gentle sphere rotation
      sphere.rotation.x += 0.001;
      sphere.rotation.y += 0.002;
      
      // Animate lights in a flowing pattern
      const time = Date.now() * 0.001;
      const radius = 4;
      
      sunLight.position.x = Math.sin(time * 0.5) * radius;
      sunLight.position.z = Math.cos(time * 0.5) * radius;
      
      pinkLight.position.x = Math.sin(time * 0.3 + Math.PI) * (radius - 1);
      pinkLight.position.z = Math.cos(time * 0.3 + Math.PI) * (radius - 1);
      
      goldLight.position.x = Math.sin(time * 0.4 + Math.PI * 0.5) * (radius - 1);
      goldLight.position.z = Math.cos(time * 0.4 + Math.PI * 0.5) * (radius - 1);
      
      renderer.render(scene, camera);
    };
    
    animate();
    
    // Cleanup
    return () => {
      mountRef.current.removeChild(renderer.domElement);
      geometry.dispose();
      material.dispose();
      renderer.dispose();
      ambientLight.dispose();
      sunLight.dispose();
      pinkLight.dispose();
      goldLight.dispose();
      texture.dispose();
    };
  }, []);
  return (
    <div style={{
      position: 'relative',
      width: '100vw',
      height: '100vh',
      backgroundColor: '#ffffff',
    }}>
      <div ref={mountRef} style={{
        position: 'absolute',
        top: 0,
        left: 0,
        width: '100%',
        height: '100%',
        zIndex: 1,
      }} />
      <div style={{
        position: 'absolute',
        top: 0,
        left: 0,
        width: '100%',
        height: '100%',
        display: 'flex',
        flexDirection: 'column',
        justifyContent: 'center',
        alignItems: 'center',
        zIndex: 2,
        fontFamily: 'Arial, sans-serif',
        color: '#000000',
      }}>
        {showJournal ? (
          <Journal onClose={() => setShowJournal(false)} />
        ) : (
          <button
            onClick={() => setShowJournal(true)}
            style={{
              padding: '1rem 2rem',
              fontSize: '1.2rem',
              backgroundColor: '#333',
              color: '#fff',
              border: 'none',
              borderRadius: '5px',
              cursor: 'pointer',
              boxShadow: '0 2px 4px rgba(0, 0, 0, 0.1)',
            }}
          >
            Open Journal
          </button>
        )}
      </div>
    </div>
  );
};
const container = document.getElementById('renderDiv');
const root = ReactDOM.createRoot(container);
root.render(<App />);27:["$","div",null,{"id":"game-container","className":"$2f","children":["$","$L30",null,{"files":[{"id":"d0864efa-db7e-43af-8b42-0f00fee5a527","name":"main.js","path":"/","permissions":"rw","metadata":{},"content":"$31","created":"2025-01-17T05:19:11.991441Z","modified":"2025-01-17T05:19:11.991445Z"}],"projectId":"25fe50c2-2280-417d-aa85-66a046dc3da8","revisionId":"af7b4001-2935-481b-8897-80d736419a08","mode":"React","gameName":"Web Dev Playground"}]}]
28:["$","header",null,{"className":"rbGamePage__gameHeader d_flex flex-wrap_wrap ai_center gap_0.55rem_0.85rem w_full cq-t_inline-size cq-n_game-header max-w_[var(--game-fit-width)] m_[0_auto] p_0.65rem_0.85rem bg-c_surface bd-w_1px border-style_solid bd-c_border.glass border-top-style_none bdr_[0] [@media_(min-width:_576px)_and_(min-height:_40rem)]:p_0.65rem [@media_(min-width:_576px)_and_(min-height:_40rem)]:bdr-bl_md [@media_(min-width:_576px)_and_(min-height:_40rem)]:bdr-br_md [@media_(min-width:_992px)_and_(min-height:_40rem)]:bdr-bl_lg [@media_(min-width:_992px)_and_(min-height:_40rem)]:bdr-br_lg [@media_(max-width:_575px)_and_(orientation:_portrait)]:max-w_[none] [@media_(max-width:_575px)_and_(orientation:_portrait)]:m_[0] [@media_(max-width:_575px)_and_(orientation:_portrait)]:border-bottom-style_none [[data-game-page-main][data-game-page-height='very-short']_&]:ai_flex-start [.rbGamePage__gameWrapper[data-game-css-fullscreen]_&]:d_none","data-game-page-header":true,"children":[["$","div",null,{"className":"rbGamePage__identity d_contents","children":["$","h1",null,{"className":"rbGamePage__gameTitle grid-area_title flex_[1_1_14rem] m_[0] min-w_0 ff_display fw_700 fs_xl lh_tight c_text.primary ov-wrap_anywhere [@container_game-header_(min-width:_44rem)]:ov_hidden [@container_game-header_(min-width:_44rem)]:tov_ellipsis [@container_game-header_(min-width:_44rem)]:white-space_nowrap","title":"Web Dev Playground","data-game-page-title":true,"children":"Web Dev Playground"}]}],["$","$L32",null,{"projectId":"25fe50c2-2280-417d-aa85-66a046dc3da8","creatorId":"fa3285ad-1af7-46b9-9604-f9f3263cd219","creatorUsername":"Lisha","assetReferenceMode":"legacy_lookup","isRemixable":true,"tipsEnabled":true,"canReceiveTips":true,"isDeprecated":true,"likesCount":0,"commentsCount":0}]]}]
29:["$","section",null,{"className":"rbGamePage__aboutSection w_full p_var(--game-page-section-gap)_0_0 [@media_(max-width:_575px)_and_(orientation:_portrait)]:p_0 [[data-game-page-main][data-game-page-height='very-short']_&]:p_0 [.rbGamePage__gameWrapper[data-game-css-fullscreen]_&]:d_none","children":["$","div",null,{"className":"rbGamePage__aboutInner max-w_[var(--game-fit-width)] w_full m_[0_auto] d_flex flex-d_column gap_0.75rem [@media_(min-width:_576px)]:gap_1rem [@media_(max-width:_575px)_and_(orientation:_portrait)]:max-w_[none] [@media_(max-width:_575px)_and_(orientation:_portrait)]:m_[0] [@media_(max-width:_575px)_and_(orientation:_portrait)]:gap_0","children":["$","$L33",null,{"summary":[["$","h2",null,{"className":"rbGamePage__sectionHeading pos_absolute w_[1px] h_[1px] p_0 m_[-1px] ov_hidden clip_rect(0,_0,_0,_0) white-space_nowrap border-style_none","children":["About ","Web Dev Playground"]}],["$","div",null,{"className":"rbGamePage__compactMeta d_flex flex-wrap_wrap gap_0.45rem rg_0.25rem ov_hidden ff_var(--font-source-code-pro) fs_sm fw_700 c_text.secondary white-space_normal [&_span]:min-w_0 [&_span]:flex_[0_1_auto] [&_span]:max-w_full [&_span]:ov_hidden [&_span]:tov_ellipsis [&_span]:white-space_nowrap [&_span]:[&::after]:content_'•' [&_span]:[&::after]:pl_0.45rem [&_span]:[&::after]:c_text.disabled [&_span]:[&:last-child::after]:content_none [&_span]:[&:last-child::after]:pl_0","aria-label":"Game metadata","children":[["$","span",null,{"children":["By ","Lisha"]}],["$","span",null,{"children":["46"," plays"]}],["$","span",null,{"children":["1"," remixes"]}],false]}],["$","$L34",null,{"description":"Journal"}]],"children":[["$","p",null,{"className":"rbGamePage__aboutDescription max-w_[58rem] ff_var(--font-source-code-pro) fs_base lh_base c_text.secondary white-space_pre-wrap","children":"Journal"}],["$","ul",null,{"className":"rbGamePage__detailList li-t_none p_0 m_[0] ff_var(--font-source-code-pro) fs_md c_text.secondary d_flex flex-d_column gap_0.4rem [@media_(min-width:_576px)]:fs_base [&_li]:d_grid [&_li]:grid-tc_[5.5rem_1fr] [&_li]:cg_0.75rem [&_li]:ai_baseline [&_strong]:c_text.primary [&_strong]:fw_700 [&_li_>_span]:min-w_0 [&_li_>_span]:ov-wrap_anywhere","children":[["$","li",null,{"children":[["$","strong",null,{"children":"Developer:"}],["$","span",null,{"children":["$","$L16",null,{"href":"/profile/fa3285ad-1af7-46b9-9604-f9f3263cd219","className":"rbTextLink rbTextLink--variant_creator rbTextLink--iconSize_sm","children":"Lisha"}]}]]}],["$","li",null,{"children":[["$","strong",null,{"children":"Plays:"}],["$","span",null,{"children":"46"}]]}],["$","li",null,{"children":[["$","strong",null,{"children":"Remixes:"}],["$","span",null,{"children":["$","$L16",null,{"href":"/search?source_project=25fe50c2-2280-417d-aa85-66a046dc3da8","className":"rbTextLink rbTextLink--variant_creator rbTextLink--iconSize_sm","children":"1"}]}]]}],false,["$","li",null,{"children":[["$","strong",null,{"children":"Platform:"}],["$","span",null,{"children":"Browser (desktop & mobile)"}]]}]]}]]}]}]}]
2a:["$","$L35",null,{"projectId":"25fe50c2-2280-417d-aa85-66a046dc3da8","initialCommentsCount":0}]
37:T480,Checkout time is over. The guests disagree. Finger Haunt is a single-player haunted hotel survival FPS with finger guns, furious ghosts and a very unreasonable checkout policy. Step into an illustrated 3D lobby and survive 20 increasingly crowded waves as the hotel's guests refuse to leave. Aim and fire at expressive enemies, dodge ranged attacks, and watch slimes split into smaller, faster pieces. Dash out of danger and time your cooldown-based jump to escape ground attacks. Choose four keepsakes from a pool of nine, improve your favorite upgrades, and earn separate boss powers as you dismiss the hotel's toughest holdouts. Four distinct boss fights lead to the furious Shrine Eye, the guests' final weapon. Expect falling chandeliers, a restless terrace audience and a comic story ending. Clear the campaign, then choose optional Endless mode if you want the hotel to keep fighting back. Play this browser ghost shooter with mouse and keyboard. Choose Relaxed, Standard or Nightmare difficulty, warm up in Practice, and see how long your build can survive. Cartoon horror, chaotic waves and rude hotel guests turn every checkout into a battle.2b:["$","section",null,{"className":"rbGamePage__relatedSection w_[calc(100%_-_var(--game-page-inline-padding)_-_var(--game-page-inline-padding))] max-w_[var(--game-fit-width)] m_[0_auto] p_0","children":["$","div",null,{"className":"rbGamePage__relatedInner d_flex flex-d_column gap_0.75rem max-w_[none] w_full m_[0] [@media_(min-width:_576px)]:gap_1rem","children":["$","$L36",null,{"title":"Other games like this","games":[{"url":"http://playground-gateway-v2-snduoq54tq-uc.a.run.app/api/published-projects/39c5183f-eac0-4738-b255-12c3d48cc1c0/","mode":"Universal","asset_reference_mode":"path_v2","description":"$37","name":"Finger Haunt – Haunted Survival FPS","id":"39c5183f-eac0-4738-b255-12c3d48cc1c0","clones_count":0,"plays_count":25864,"likes_count":431,"comments_count":1,"source_project":null,"preview_image":"https://storage.googleapis.com/rosebud_assets_storage/project_preview_images/39c5183f-eac0-4738-b255-12c3d48cc1c0.png?v=1790926808.995331","preview_video":null,"creator_username":"Jason","creator_id":"6a20c763-e8d2-43ba-9d9e-b162fbac37ec","tags":["Arcade","Action","Fun","Adventure","Play Page","Play Featured"],"is_remixable":false,"published_name":"finger-haunt-haunted-hotel-survival-fps"},{"url":"http://playground-gateway-v2-snduoq54tq-uc.a.run.app/api/published-projects/c5fa1ce2-c188-4ca1-9cb5-6fff46c19e1d/","mode":"Universal","asset_reference_mode":"path_v2","description":"Find a hiding spot and paint yourself to blend in. Hide from the hunter!","name":"Camo Chameleon","id":"c5fa1ce2-c188-4ca1-9cb5-6fff46c19e1d","clones_count":0,"plays_count":27124,"likes_count":171,"comments_count":25,"source_project":null,"preview_image":"https://storage.googleapis.com/rosebud_assets_storage/project_preview_images/c5fa1ce2-c188-4ca1-9cb5-6fff46c19e1d.png?v=1783501952.376438","preview_video":null,"creator_username":"Jason","creator_id":"6a20c763-e8d2-43ba-9d9e-b162fbac37ec","tags":["Play Featured","Play Page","Multiplayer","Horror"],"is_remixable":false,"published_name":"camo-chameleon-1"},{"url":"http://playground-gateway-v2-snduoq54tq-uc.a.run.app/api/published-projects/8ee4b881-356f-4838-9b43-21947de4ad02/","mode":"Universal","asset_reference_mode":"path_v2","description":"Observe the creatures, get close, but don't die!","name":"Backrooms: Stay Alive","id":"8ee4b881-356f-4838-9b43-21947de4ad02","clones_count":261,"plays_count":21154,"likes_count":173,"comments_count":22,"source_project":{"id":"0c8cfaf7-d9a2-4b8d-b842-2b5b36cf025d","name":"Multiplayer Hangout Template (v4)","is_template":false,"template_role":null},"preview_image":"https://storage.googleapis.com/rosebud_assets_storage/project_preview_images/8ee4b881-356f-4838-9b43-21947de4ad02.png?v=1782910361.166879","preview_video":null,"creator_username":"Jason","creator_id":"6a20c763-e8d2-43ba-9d9e-b162fbac37ec","tags":["Play Page","Horror","3D","Rosebud Mobile App","Play Featured"],"is_remixable":true,"published_name":"backrooms-break-in"},{"url":"http://playground-gateway-v2-snduoq54tq-uc.a.run.app/api/published-projects/598640b2-a8e4-4be3-94f8-fc7b282d7d81/","mode":"Universal","asset_reference_mode":"path_v2","description":"A simple puzzle game where the obvious answer is usually wrong.","name":"Think Again","id":"598640b2-a8e4-4be3-94f8-fc7b282d7d81","clones_count":0,"plays_count":4670,"likes_count":84,"comments_count":23,"source_project":{"id":"e6be4414-532c-4d51-9a7e-470ea3ce7b94","name":"Rosebud AI Universal Project","is_template":true,"template_role":"one_shot"},"preview_image":"https://storage.googleapis.com/rosebud_assets_storage/project_preview_images/598640b2-a8e4-4be3-94f8-fc7b282d7d81.png?v=1782994198.81779","preview_video":null,"creator_username":"ShawnBuilds","creator_id":"1091e4dd-9e65-46a1-a3ad-9335fa12ad02","tags":["Play Page","Mobile-Friendly","Puzzle","Cozy","Mini Games","Casual","Satisfying"],"is_remixable":false,"published_name":"think-again"},{"url":"http://playground-gateway-v2-snduoq54tq-uc.a.run.app/api/published-projects/e519d8c8-04c3-4cc8-a2a5-4c9a54a35969/","mode":"Universal","asset_reference_mode":"path_v2","description":"Thin(k) Ice ❄️\r\n\r\nA 2D top-down pixel art puzzle game where every move is a gamble against the ice.\r\n\r\n🧊 Signature slide-until-you-hit-something movement (WASD / Arrow keys),\r\n🗺️ 10 handcrafted icy rooms, each a standalone puzzle\r\n\r\n[Simple to learn, tricky to master, enjoy!]","name":"Thin(k) Ice","id":"e519d8c8-04c3-4cc8-a2a5-4c9a54a35969","clones_count":27,"plays_count":2511,"likes_count":17,"comments_count":8,"source_project":{"id":"e6be4414-532c-4d51-9a7e-470ea3ce7b94","name":"Rosebud AI Universal Project","is_template":true,"template_role":"one_shot"},"preview_image":"https://storage.googleapis.com/rosebud_assets_storage/project_preview_images/e519d8c8-04c3-4cc8-a2a5-4c9a54a35969-thumbnail.jpg?v=1787789627.048956","preview_video":null,"creator_username":"jeromeesperanza2001.XEWA","creator_id":"e88e94cf-c4a7-486e-b939-89999a33ae57","tags":["Puzzle","Play Page","Brain Teaser","Mini Games","Casual","Play Featured"],"is_remixable":true,"published_name":"think-ice"},{"url":"http://playground-gateway-v2-snduoq54tq-uc.a.run.app/api/published-projects/1a37a20e-bafd-465d-b822-8dcee16fb3da/","mode":"Universal","asset_reference_mode":"path_v2","description":"A single-player convenience-store horror game that combines survival simulation, identity verification, and anomaly spotting. Serve impatient customers, maintain the store, compare faces and answers with county records, and use your sidearm only when you are certain a skinwalker is not human. Inspired by Shift at Midnight.","name":"Six Midnight Shifts - Skinwalker Horror!","id":"1a37a20e-bafd-465d-b822-8dcee16fb3da","clones_count":150,"plays_count":89746,"likes_count":168,"comments_count":12,"source_project":null,"preview_image":"https://storage.googleapis.com/rosebud_assets_storage/project_preview_images/1a37a20e-bafd-465d-b822-8dcee16fb3da.png?v=1786633506.990978","preview_video":null,"creator_username":"Jason","creator_id":"6a20c763-e8d2-43ba-9d9e-b162fbac37ec","tags":["Play Page","Horror"],"is_remixable":true,"published_name":"six-midnight-shifts-skinwalker-horror"},{"url":"http://playground-gateway-v2-snduoq54tq-uc.a.run.app/api/published-projects/8018f276-0316-434d-839c-954008e74591/","mode":"Universal","asset_reference_mode":"path_v2","description":"Orbital Jam is a mobile-first 3D puzzle game where you rotate a glowing sphere of cosmic tiles, match colors in 3D space, and detonate them with a satisfying \"BANG.\" Every tile, star, and explosion is procedurally generated in Three.js — no pre-made 3D models, just math and code. Features include an 11-badge achievement system, material-rich haptics, a cinematic supernova quit animation, full PWA installability, and zero analytics or data collection. Built solo on Rosebud as a love letter to color-match puzzles and deep space. Match · Bang · Clump. 🌌💥","name":"Orbital Jam","id":"8018f276-0316-434d-839c-954008e74591","clones_count":0,"plays_count":904,"likes_count":2,"comments_count":0,"source_project":{"id":"ab7fd42e-9788-4f9d-ad89-64777977e8a9","name":"Orbital Jam","is_template":false,"template_role":null},"preview_image":"https://storage.googleapis.com/rosebud_assets_storage/project_preview_images/8018f276-0316-434d-839c-954008e74591.jpeg?v=1790722261.791886","preview_video":null,"creator_username":"shawnrobh.HXJe","creator_id":"ed921b8e-5ac0-4285-aa94-c54926d5f9bc","tags":[],"is_remixable":false,"published_name":"orbital-jam-2"},{"url":"http://playground-gateway-v2-snduoq54tq-uc.a.run.app/api/published-projects/dbc17c7f-4d73-42dc-9ce0-762c7caf41c1/","mode":"Universal","asset_reference_mode":"path_v2","description":"Play with Mini Max ©️ on several Mini Games! Can you beat the clock? 🕒 Grab Itens to help, find stars, run from snow and more! - by MaxxiimGames","name":"Mini Max - Mini Games!","id":"dbc17c7f-4d73-42dc-9ce0-762c7caf41c1","clones_count":0,"plays_count":5801,"likes_count":15,"comments_count":0,"source_project":{"id":"515cad10-e5fe-4bf3-825e-5de168d3fa8f","name":"Ice Voxel World","is_template":false,"template_role":null},"preview_image":"https://storage.googleapis.com/rosebud_assets_storage/project_preview_images/dbc17c7f-4d73-42dc-9ce0-762c7caf41c1.png?v=1785219336.827138","preview_video":null,"creator_username":"MaxxiimGames","creator_id":"b08a135f-6441-4ff5-b322-3d83254e18c9","tags":["Play Page","Sandbox","3D","Adventure"],"is_remixable":false,"published_name":"mini-max-mini-games"},{"url":"http://playground-gateway-v2-snduoq54tq-uc.a.run.app/api/published-projects/c0f6210f-eaf2-4838-8b7f-dfb069ef5b39/","mode":"Universal","asset_reference_mode":"path_v2","description":"Play **Dead ATM** online, a single-player first-person horror slot-machine roguelite inspired by **Clover Pit-like games**. Spin reels, earn cash, pay off ATM-13, buy risky upgrades, and survive six escalating debt rounds inside a haunted 24-hour convenience store. Play free in your browser with **no download** and **no sign up** on mobile or PC.","name":"DEAD ATM","id":"c0f6210f-eaf2-4838-8b7f-dfb069ef5b39","clones_count":0,"plays_count":8510,"likes_count":72,"comments_count":11,"source_project":null,"preview_image":"https://storage.googleapis.com/rosebud_assets_storage/project_preview_images/c0f6210f-eaf2-4838-8b7f-dfb069ef5b39.png?v=1785162900.737886","preview_video":null,"creator_username":"Jason","creator_id":"6a20c763-e8d2-43ba-9d9e-b162fbac37ec","tags":["Play Page","Horror","RPG","Play Featured"],"is_remixable":false,"published_name":"dead-atm"},{"url":"http://playground-gateway-v2-snduoq54tq-uc.a.run.app/api/published-projects/ca60ee49-5ae5-4751-aa03-029e2caddd5f/","mode":"Universal","asset_reference_mode":"path_v2","description":"Welcome to ShapeWorks — the high‑speed shape‑sorting factory.\r\n\r\nSwipe shapes into the correct trays, react to blinking and striped specials, and survive sudden speed bursts as the conveyor kicks into overdrive.\r\n\r\nEasy to pick up, impossible to put down. How long can you keep the line running?","name":"ShapeWorks","id":"ca60ee49-5ae5-4751-aa03-029e2caddd5f","clones_count":0,"plays_count":2141,"likes_count":15,"comments_count":5,"source_project":{"id":"e6be4414-532c-4d51-9a7e-470ea3ce7b94","name":"Rosebud AI Universal Project","is_template":true,"template_role":"one_shot"},"preview_image":"https://storage.googleapis.com/rosebud_assets_storage/project_preview_images/ca60ee49-5ae5-4751-aa03-029e2caddd5f.png?v=1785826076.096618","preview_video":null,"creator_username":"Radishhead","creator_id":"fef3dfeb-05f7-41b0-868b-bfdec4ba6d4e","tags":["Play Page","Puzzle","Mobile-Friendly","Casual","Mini Games","Satisfying"],"is_remixable":false,"published_name":"misclassified"},{"url":"http://playground-gateway-v2-snduoq54tq-uc.a.run.app/api/published-projects/00725225-0bc4-4fc3-ab36-bfd1eaf8a115/","mode":"Universal","asset_reference_mode":"path_v2","description":"Keep the can flying with precise shots, gather coins, activate special helpers, and climb to extreme heights!","name":"Can Bounce?","id":"00725225-0bc4-4fc3-ab36-bfd1eaf8a115","clones_count":0,"plays_count":3508,"likes_count":31,"comments_count":2,"source_project":{"id":"e6be4414-532c-4d51-9a7e-470ea3ce7b94","name":"Rosebud AI Universal Project","is_template":true,"template_role":"one_shot"},"preview_image":"https://storage.googleapis.com/rosebud_assets_storage/project_preview_images/00725225-0bc4-4fc3-ab36-bfd1eaf8a115.png?v=1781270668.062714","preview_video":null,"creator_username":"errevangelius.iYtU","creator_id":"f0744cec-c23b-44e8-96e1-7a3433a032a7","tags":["Play Page","Mini Games","Mobile-Friendly",""],"is_remixable":false,"published_name":"can-bounce-trickshot"},{"url":"http://playground-gateway-v2-snduoq54tq-uc.a.run.app/api/published-projects/1a6bb8f0-423c-4cda-937c-9c773dce4fdf/","mode":"Universal","asset_reference_mode":"path_v2","description":"Mini Max ©️ - Velvet Velocity is a Endless Synthwave Road where you grab power ups and coins to buy new car and NEON with real time weather changing and generative road! Can you unlock all features? Lets run!\r\n\r\nMade by @MaxxiimGames channel","name":"Mini Max Velvet Velocity","id":"1a6bb8f0-423c-4cda-937c-9c773dce4fdf","clones_count":3,"plays_count":10985,"likes_count":56,"comments_count":0,"source_project":{"id":"e6be4414-532c-4d51-9a7e-470ea3ce7b94","name":"Rosebud AI Universal Project","is_template":true,"template_role":"one_shot"},"preview_image":"https://storage.googleapis.com/rosebud_assets_storage/project_preview_images/1a6bb8f0-423c-4cda-937c-9c773dce4fdf.jpg?v=1782287412.55631","preview_video":null,"creator_username":"MaxxiimGames","creator_id":"b08a135f-6441-4ff5-b322-3d83254e18c9","tags":["Play Page","Racing","3D",""],"is_remixable":false,"published_name":"mini-max-velvet-velocity"}],"flushPadding":true,"belowGrid":true,"recommendationFilters":[],"intro":"$L38"}]}]}]
2c:["$","div",null,{"className":"rbGamePage__footerSlot w_full","children":["$","$L39",null,{}]}]
2d:["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":[\"VideoGame\",\"WebApplication\"],\"name\":\"Web Dev Playground\",\"description\":\"Journal\",\"url\":\"https://rosebud.ai/play/25fe50c2-2280-417d-aa85-66a046dc3da8\",\"image\":\"https://storage.googleapis.com/rosebud_assets_storage/project_preview_images/25fe50c2-2280-417d-aa85-66a046dc3da8.png?v=1733860724.359941\",\"applicationCategory\":\"GameApplication\",\"operatingSystem\":\"Web browser\",\"genre\":\"Browser Game\",\"offers\":{\"@type\":\"Offer\",\"price\":\"0\",\"priceCurrency\":\"USD\"},\"author\":{\"@type\":\"Person\",\"name\":\"Lisha\"}},{\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Play\",\"item\":\"https://rosebud.ai/play\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Dev Playground\",\"item\":\"https://rosebud.ai/play/25fe50c2-2280-417d-aa85-66a046dc3da8\"}]}]}"}}]
</article></body></html>

About Web Dev Playground

Other games like this