Search the Community
Showing results for tags 'ThreeJs'.
-
Hey ppl Before I was developing IconiX browser game, and I'm still am. But to switch a bit and not get bored I'm now also making a bit different game, but still IconiX as parent for code-base, heh. Also multiplayer, but as a TowerDefence where ppl need to defend there 'base' [a Ukrainian city from russian (orc) army]. Not available yet, but video attached: And discord channel for any discussions or questions https://discord.gg/eZyngWMv
-
Hi all and good day! 13 days ago started with new project and would like to share some stuff with you It's not completely from scratch, but took some base from my prev game DatTank [https://dattank.io]. How it looked 13 days ago How it looks today [melee attacking sys example] Would like to know if it would be interesting for somebody to read through some details in some articles or thms like this. Uh, and would be awesome to get some feedback Thx for your attention! ps: If you want to get quick updates from me follow on https://twitter.com/iOhmed
- 9 replies
-
- 1
-
-
- javascript
- gamedev
- (and 4 more)
-
Small walking on 3d maze. Its chapter of adventures small robot in strange world. In this chapter, the robot enters a maze with generating segments. PLAY: http://js.otrisovano.ru/levels/
-
Hello, friends. There was such a task. Start up one! a wave over a sphere, which, as it were, looks like a map of the planet, which (map) in turn is generated from planeBufferGeometry and then these geometries are combined using THREE.BufferGeometryUtils.mergeBufferGeometries(geometries, false); Code of vertex shader: vertexShader:` varying vec2 vUv; uniform float time; void main(){ vUv=uv; vec3 newposition = position + position*sin(position.z*12.)*0.03; gl_Position = projectionMatrix * modelViewMatrix * vec4( newposition, 1. ); } `, The question is how to make only this one "wave", i.e. so that sin does not go over the entire sphere, but only in the middle, for example. And further. How can I change the direction of this "wave", now it comes from the Z coordinate of this sphere, I need it to go from the position I have defined (for example, approximate coordinates of London).
-
Hello, I'm looking for feedback on my first game/mobile app: Amazeballs! https://play.google.com/store/apps/details?id=nl.eyeseet.maze It is a maze-escape game written in using Matter-js and Three.js and runs as an android app using Cordova. There are currently two modes, a top view mode and a 3D ground mode. As you finish levels you earn coins to buy upgrades (speed, manoeuverability and camera zoom out) which should help you finish larger mazes. I'd love to hear what you think of the game. Any feedback or ideas to improve the game are very welcome! Since I've seen the game grow it is hard for me to look at it with fresh eyes. It is hard to judge whether the game is still fun to play after a few levels, if the money/upgrade system balanced, etc. Also, I'd like to add new game modes, I have some ideas but more ideas are more than welcome. In the current version you start with 5000 coins so you can unlock both game modes right away.
-
Hi All! I wanted to share with you my first game as developer and artist. I just published it at https://funkstar.itch.io/escape-from-earth This is a puzzle game where you have to escape from enemies that move faster than you (like the old Theseus and the Minotaur maze type, but with some new flavours) I had fun with character and scenery design, trying to fake a pixel art look (though is rendered 3D) I mixed Three.js with Phaser.io for better UI Have a look at it and let me know what you think. Critics & comments welcome Thanks
-
I have tried to implement a simple nipplejs joystick on playcanvas(engine only version) as well as threejs but the joystick isn't showing up even in static mode. I'm sure I'm instantiating it properly as I have tried it on anothe div on the same page and it works, but it doesn't work on the canvas. <canvas id="application"></canvas> <script> //Game code var options = { zone:document.getElementById("application"), color: "white", size: 100, threshold: 0.1, fadeTime: 0, multitouch: false, maxNumberOfNipples: 1, dataOnly: false, position: {bottom: "100px", left: "100px"}, mode: "static", restJoystick: true, restOpacity: 0.5, lockX: false, lockY: false, catchDistance: 200, dynamicPage: true, }; var manager = nipplejs.create(options);
-
Hey everyone. I am building a web based 3D interactive showcase of a spacecraft's journey. Most of the users are expected to be accessing it via low to mid range androids, so for performance I've decided upon three.js, rather than babylon.js. Correct me if I'm wrong in this. I've worked as a web developer and dabbled with game development with Phaser and Godot, but haven't built anything with three.js or babylon. So I wanted your advice on best practices and resources; things that my future self would wish I had known before starting. Here's some more information: The showcase will be separated into scenes, which can be navigated via a timeline, which also highlights the current date, if it's in range. In addition to the animated view of spacecraft's trajectory and position, it will have some cinematic scenes of the rocket exiting the atmosphere and a lander landing on the target body as well. I might even consider making the rover user controllable. Here's one inspiration from NatGeo. Any help is appreciated.
-
Looking to convert unity 3d game into HTML5 with facebook Instant api integration to release on Facebook Instant and messenger platform. Please contact experts who has relevant experience and a strong portfolio. Email: [email protected] Skype: abishek.17
-
Hi everyone ! New small 3d labirynth based on book ‘The Name of the Rose’ Umberto Eco. >>>>>> Start >>>>> ( working on phones ) Github ? Thanks for comments !!!
-
Hi, I made a web-app for planning and visualizing time segments. It looks like this in action: napchart gif2.mp4 I do all the calculations in pure Javascript, and had to write a lot of code to code all the shapes make hit detection work for all shapes. I am drawing all elements in HTML5 canvas. I am looking into refactoring the codebase and adding more features. In that case I am wondering if a library rendering to WebGL would help me? Things I want: Easy way to prevent text overlapping Easy way to add small animations and slick effects Smooth animations with more complex and advanced shapes than in the video. The bottleneck is when animating the shape, and then the JS have to calculate all elements every frame, but would WebGL help with that? This is a non-trivial usecase, and I think it may be best to just use pure JS and canvas, but to be honest, I don't really know how WebGL works, and in what way it helps. Any WebGL heads here?
-
We are a startup company and we have built a mobile app that hosts instant mini-games. We already have instant mini-games that have been developed by freelancers who we hired thru Upwork. We would like now to explore the option of hiring game studios or development teams to provide us the complete service from graphics design to development. We are looking for game development teams who have expertise in Three.JS because our boilerplate for the instant mini-game is based on three.js framework. The project size of each instant mini-game will be small since we prefer that the mini-games would only be single-page, single level and as simple as possible to ensure the filesize is less than 1MB. We would prefer to finalize the hiring in freelancer websites like Upwork to ensure proper delivery and payment. -
Hello, although I don't have enough spare time to create games at the moment, I'm playing a bit around with code to understand game mechanics. At the moment I'm teaching myself soft body dynamics. I can create an entity consisting just of cordinates (say a sphere) and play around with their shape, wobbling, squishing etc. But I'm at a loss at how to bind a texture to them that actually distorts according to the coord changes; preferrably in a way performant enough to use it in a game, and most preferrably done in Pixijs. Maybe I'll have to cut the texture into a mesh, bind UV coordinates to them and then use something like three.js to render it? I see that e.g. Dragonbone has some way to add meshes to characters - plus it can be used from pixi. Will it distort textures properly when I modify mesh coordinates, or is this information only used when exporting animations? What other approaches can you think of?
-
AI City Planner http://aicity.mtmckenna.com Hello! This game still has a ways to go (e.g. I still have to put in win conditions...), but I wanted to share it here to get any immediate reactions/thoughts people had. The game is called AI City Planner, and the idea is to help your fellow robots reach the singularity by replacing the human buildings with AI cubes. I'm building the game with Three.js, Howler.js, and Rollup.js and (currently, anyway) deploying it to aicity.mtmckenna.com via Surge.sh. If you give the game a try, please let me know what you think! Thank you!
-
Rack'Em is an online multiplayer 8 ball pool game created with React.js, Three.js and Node.js Sink all of your balls before your opponent to win the game. Play here: http://lagged.com/io/rackem
-
Hi, I tried upload add my old model into three.js but I have a problem. I've got this error: THREE.MultiMaterial has been removed. Use an Array instead I read than MultiMaterials was deleted in last threejs version, but what can I do to run my model in latest version of three.js It's to much work to delete MultiMaterial in my model and I wouldn't like to use older version :/ Thanks
-
This game is now open source: https://github.com/BeFiveINFO/befive-smartball Title: BeFive Smart Ball Platforms: Browser with WebGL enabled. Game Link: http://play.befive.info/smartball/ Instruction Card: http://play.befive.info/smartball/#modal Description: This is a 3D video game version of an old game machines based on pinball. Press start button to dispense balls. Click on the white button and hold until the button turns to green. If you release the button when the green light is on, a ball is launched. Please try using SPACE BAR to shoot balls which is easier than using mouse button. When your balls fall in any of those holes, you are rewarded with a certain number of balls. Game tips: Exchange a number of balls at a time, then keep on shooting as fast as possible to increase your chance of winning balls. Keyboard shortcuts. SPACE BAR: shoot a ball. P: Payout. S: Start. F: Full screen. C: Reset camera position. T: toggle control panel. Additional notes: This game uses Oimo.js (for physics engine) and Three.js (3D rendering). This is my 4th html5 game to publish and is the first I made in 3d. Please feel free to leave feedbacks. Thank you in advance for checking the game out.
-
Hy guys my first post here: Is it possible in threejs to start a rigged model animation with a function like playAnimation(from frame 1, to frame 4, loop, etc)
-
Hi all, this is the latest build of our online golf simulation. it runs on chrome and ff based on threejs/webgl game is in very early stage but you could play at least 3 different courses. https://www.ogcopen.com/golf/game/
-
In the process of building something with ThreeJS. When trying to find stock models for us with our WebVR project, most of them (especially office or apartment interior models - obj files) seem to be really huge and we do not want to use them for this web project. But, BabylonJS seems to have some demos which are rather rich, yet the model sizes are under 15MB mostly. Like this one for instance - http://www.babylonjs.com/demos/retail/ Absolute Newbie to webGL and 3D modeling in general. If we want an apartment or office interior model, and we want to optimize for file download size for our users via browser, what sort of formats should we look for and are there special settings that need to be made when designing the models themselves to yield them in a light weight manner for web use? Appreciate some gyaan here. -
Hi there. Thanks a lot for stopping by. We are working on the online football management game and looking for a game developer who could help us to develop the live match simulation with babylonjs or threejs or any other similar 3d game engine with WebGL support. You will be working closely with the back-end developer on live match simulation based on the generated data you will get from the database (player skills, team skills, weather and other factors). We offer you a revenue share. If you are interested in the project, you can read the overview here: http://totalmanager.ziyafenn.com Get in touch with me if you are interested or have any questions. Thanks in advance!
-
Hi, i am trying to subdivide a mesh, after load it by OBJLoader on BabylonJS, but i don't understand how do something like this (ThreeJS). var geometry = new THREE.Geometry().fromBufferGeometry( mesh_.geometry ); var modifier = new THREE.SubdivisionModifier( 3 ); modifier.modify( geometry ); geometry.mergeVertices() mesh_.geometry = geometry But on Babylon JS, i could not found documentation about how subdivide polygons after load mesh by OBJLoader -
Total threejs/3D noob here. I currently have a static background in a photoshop document. I want to bring it into a threejs scene and have it move around a little with perspective as you mouse around. Basically what they're doing on this site, but with an image instead of video: http://www.200miles.com/. I assume this is more than just a flat plane as the image kind of warps as it goes off the side of the screen. I understand the basics of adding materials to objects but I'm not sure what kind of object I need for this. Any tips would be greatly appreciated!
-
Welcome to firefighter "Krause"! It's a simple Jump’n’Run with currently 3 easy levels. You can play it with your keyboard or on your mobile with touch/gyro. The game is decided for my 5 years old daughter, because she is really a big fan of the firefighters. "Krause" is the name of a firefighter of her first children's book of the fire-department. On the other side I'm a big fan of "Nikki & the robots" and this brought up the idea for this game. If you want, you can see this like a small tribute to Nikki. Play Firefighter "Krause" Here some infos: Frameworks: threejs for graphics/webgl Sound with Web Audio API (runs well on IOS) Change the volume by touching in the top-right corner Collision: first it will check the rect of an object. If it hits, it will calculate a pixel-collision in a hidden canvas. Missing: fullscreen on mobile, a good solution for visibility (stop playing music) I had much fun to create this game and I know that 3 levels are really not enough. There are still some ideas of moving platforms or deadly smoke in buildings ... any ideas?? I'm looking forward to get some feedback from you. How you or maybe your children like this game? I you have any questions I will answer! https://twitter.com/pixelactivityde Have much fun! Stephan
- 5 replies
-
- 1
-
-
- pixelart
- firefighter
- (and 3 more)
-
My friend and I have been developing a 3D multi-player eat-em-up game called Zor.bio. It's a WebGL game written in three.js. We would love any feedback you could give us. Game Info: Game: http://zor.bio Multi-player eat-em-up, eat food to get bigger and eat other spheres to become the biggest Sphere Currently in Alpha Development Looking for feedback on: Abilities, we have a lot of ideas about what kind of abilities to add but knowing what are the right abilities to add is hard Multi-player performance specifically with dealing with lag with websockets How to improve jitter we are using lerp to smooth out the sphere positions but sometimes other clients lag and jump around, trying to figure out why. Any other feedback. Thank you so much for taking a look!
- 17 replies
-
- 1
-
-
- threejs
- multiplayer
- (and 2 more)
