SirFizX_ELHS

Members
  • Content Count

    7
  • Joined

  • Last visited

  1. SirFizX_ELHS

    CS1 IDE

    Open invite to anyone interested in learning about or contributing to the CS1 IDE. https://discordapp.com/invite/UMySYhw
  2. SirFizX_ELHS

    CS1 IDE

    I teach JavaScript to high school students and have been putting together some lessons which enable them to start off gently as they add features to a 3D multiplayer VR-ready game. Here is what I have so far: CS1 IDE at Glitch Overview of the CS1 IDE Video Montage of Some Lessons and Assessments
  3. Solid list! I teach JavaScript to high school students and have been putting together some lessons which enable them to start off gently as they add features to a 3D multiplayer VR-ready game. Here is what I have so far: CS1 IDE at Glitch Overview of the CS1 IDE Video Montage of Some Lessons and Assessments
  4. SirFizX_ELHS

    CS1 Game Engine

    I encourage you to check out my CS1 Game Engine project. The project is still in its infancy but already enables students to learn fundamentals of computer science while designing cross-platform 3D multiplayer games. CS1 Game Engine: https://glitch.com/edit/#!/cs1?path=README.md:1:0 CS1 Game Engine Tech Demo: Login with usernames computer or science both with password 1234. https://cs1.glitch.me/ CS1 Game Engine Mobile Test CS1 Game Engine Desktop Test PWA of CS1 Game Engine demo installed on phone: PWA splash screen:
  5. Glitch: https://glitch.com/edit/#!/aframe-multiplayer-chat?path=README.md:1:0 Github: https://github.com/EricEisaman/aframe-multiplayer-chat A-Frame Multiplayer Chat How to Play Toggle chat ui with EQUALS key. Toggle music mute with M key. Play next song with P key. You won't be able to send chat messages without entering the proper Message_KEY. Pressing the F key or clicking the VR Headset Icon will take you to fullscreen mode. Note: in fullscreen mode only movement keys are enabled. Press the ESC key to exit fullscreen mode. Start by clicking the Show Live button at the top of this page. Remixing Instructions Set the MESSAGE_KEY in .env. Change the scene's environment preset in the index.html. Create your own .ply models in MagicaVoxel and add them to the scene in the index.html. In the client-config.js set the values for: avatar array of face image URLs ( use .png with transparent background ) avatar color sound file URL for playerJoined sound file URL for playerLeft My LinkedIn : https://www.linkedin.com/in/eisaman/
  6. How about adding a particle color property to your sprites then use dynamic texture generation? You can use ctx.getImageData to obtain the 8bit rgba value for any particular pixel in your canvas if this must be done at runtime. https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/getImageData https://phaser.io/examples/v2/particles/particle-class // Create our bitmapData which we'll use as our particle texture var bmd = game.add.bitmapData(64, 64); var radgrad = bmd.ctx.createRadialGradient(32, 32, 4, 32, 32, 32); radgrad.addColorStop(0, 'rgba(1, 159, 98, 1)'); radgrad.addColorStop(1, 'rgba(1, 159, 98, 0)'); bmd.context.fillStyle = radgrad; bmd.context.fillRect(0, 0, 64, 64); // Put the bitmapData into the cache game.cache.addBitmapData('particleShade', bmd);
  7. This is something I put together this afternoon for my students to play with. Live demo.