Search the Community

Showing results for tags '3d'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • HTML5 Game Coding
    • News
    • Game Showcase
    • Coding and Game Design
  • Frameworks
    • Phaser
    • Pixi.js
    • Babylon.js
    • Panda.js
    • melonJS
    • Haxe JS
    • Kiwi.js
  • General
    • General Talk
  • Business
    • Collaborations (un-paid)
    • Jobs (Hiring and Freelance)
    • Services Offered

Found 106 results

  1. FREE Nice piece of work for your games Collection of over 50 FREE models from 3DModels-Textures (DEXSOFT-Games) production. Textures are downsized to 512*512px, ideal for mobile environments. https://www.3dmodels-textures.com/FREESFCorridors
  2. SKATE HOOLIGANS Cowabunga! Little hooligans are on the way! Choose your hero and arrange an amazing disorder Collect coins, upgrade bonuses, buy cool skateboards, avoid dangerous obstacles and get scores as much as you can. LINK: https://gemioli.com/hooligans/ Caution: It’s a WebGL-based game, please ensure that you have latest browser version. Game is WebGL based written with custom game engine. We've refused three.js because of Google Closure Complier And now all gzipped code is only 110Kb! Also we won't license it and the game is free for embedding on any website <iframe src="https://gemioli.com/hooligans/" name="Skate Hooligans" width="800" height="600" frameborder="0" scrolling="no" allowfullscreen="true"><p>Your browser does not support iframes.</p></iframe> We use CPMStar banners and video preroll for monetization. Please contact me at contact@gemioli.com if you have any questions, suggestions, etc.
  3. Hi Everyone, I am developing a multi player 3D motion sensor game' Air Table Tennis', in which mobile is acting as a racket, I am using Quaternion for rotation of mesh, problem is that how to calibrate mobile motion with the mesh in the BJS, though it's moving but its not calibrated. How to set some origin or something that when game start racket on my game screen will be in same position as i am holding my mobile. Sorry for my bad English! Thanks in advance
  4. I'm new here. I got samples from babylonjs for drawing lines in 3D. It looks fine. I want to know how we can extend lines with new points at runtime? Could anyone please help me out? Source: http://www.babylonjs-playground.com/#165IV6#8
  5. I'm looking for work building interactive graphical HTML sites. My strength is in the 3D framework babylon.js. I also have an 82 DSLR multi-cam scanner which I use to scan in avatars. You can see my work here: www.punkoffice.com I have a YouTube page here: www.youtube.com/punkoffice1 I'm based in Melbourne, Australia but happy to work for other locations remotely.
  6. Hi everyone! Just wanted to share a small proof-of-concept game I've been working on for a while. It's called The monster's vault. The main goal is to find a way out of a dark creepy dungeon, pull a lever that opens the exit door, while not being caught by a wandering monster that dwells in the darkness, and bla-bla-bla... the whole point here is not about gameplay anyway. This game is inspired by Keith Clark's demo of an HL2 location made entirely by CSS 3d transforms. I tried to repeat his approach by making a browser 3d game with first-person view based on CSS transforms without any use of canvas graphics. My other goal was to try out a number of modern web technologies and APIs available in the browser, so here's what I came out with. ReactJS as a rendering framework and Redux as a game state manager. Kind of a questionable choice for a game, one may think, but hey, as I said, it's a proof-of-concept WIP demo pet home project =) Pointer lock events to control the cursor so that it cannot flow out of the screen. Gamepad api to support my Xbox One gamepad. I haven't been more happy when it actually worked (not sure about other controllers though). Web audio api to control the sounds and the music. It provides a way to place a sound in a 3d space and even make it spread in a certain direction, and that's really awesome. Using your headphones while playing is highly recommended. Service worker makes the game work offline as it caches all the resources after the first load. It can get annoying though, when you start facing the problems with invalidating the cache. I also tried out the svg lighting filters to simulate some shaders on the textures (set on highest graphics quality value in the Settings section). It looks neat but drops the fps dramatically. Some conclusions: declarative 3d graphics with CSS 3d transforms and animations are cool and relatively easy to use, but not performant enough (which is totally fine) modern browsers have some really great APIs helpful for creating various web games making horror games is a huge, huge fun PLEASE NOTE: The monster's vault is only a desktop game and is viewed best in latest Google Chrome. It is inconceivably untested and may not work as expected on most machines and browsers. Some of the technologies used here are still not standardized and may break in the future. Also, the code is not optimised in any way, it weights some MBs. The low rendering FPS is compensated by the high cooler's RPS =) Anyway, I warned you. The game's github repo with some gifs, controls and credits — https://github.com/alvov/the-monsters-vault-game. You can play the game here: https://alvov.github.io/the-monsters-vault-game. Thanks!
  7. According to http://webglstats.com/ more than 90% of all devices now support WebGL! Does that mean that it's (finally) time to make 3D games? Has someone had an experience in selling/distributing webgl based games? And what do you guys think about 3d web games in general?
  8. The Grim Panda Design team is currently accepting new art and design projects. We have a team of experienced and seasoned 2D & 3D artists and animators who have provided assets for many of the best-selling mobile game companies on the market today. We work with any budget, large or small, and can quote prices on a project level, per-diem, or hourly. With the ability to work in vector, concept, and realistic styles, our team is dedicated to making your project come to life. The quality of your assets will be precise, clean, and look brilliant in your mobile IP. We pride ourselves on bringing your player into the world you have envisioned. Due to legal obligations with many of our clients, we cannot publicly post our complete portfolio. Please contact me at jcogswell@grimpanda.com for samples. Thank you, and we look forward to bringing your creative design to the next level.
  9. Hi everyone, This is my first post here, so bear with me if I sound like I don't know what I'm doing. Anyway, I'm also fairly new to developing games with JS so I'm really learning a lot with every step. My game is made using Three.js (witch I've only recently found Babylon.js and I already love it) and the score keeping is some PHP scripts posting to a simple database. I knew nothing about any of those things going into this project, so it's rather sloppy. I got this project done in maybe two months for an independent study class at my university. At the moment tapping is not supported, as I was having issues with accessing the coordinates of the tap events. Here's the link to my game http://fruitclicker.com All the sounds, music, and graphics I made using the following: Adobe Photoshop (face texture) Adobe Illustrator (logo) Cinema 4D (3D models) Audacity and my mouth (SFX) http://www.bfxr.net/ (SFX) Korg Electribe 2 (music)
  10. I am glad to inform you that Melyon (an Iranian 3D virtual city based on WebGl) is gone online. Do not hesitate to visit us via desktop browsers at: http://www.melyon.ir (preferably open in Google Chrome)
  11. Is it possible to develop a 3D html5 virtual world that is mobile compatible and is like Imvu, SecondLife etc. If so what software is available and free that can be used to develop this. Kind Regards I am a virtual world developer and I am keen on developing a virtual world for everyone...
  12. PlayCanvas added support for texture compression to the Editor today. This gives you: One-click texture compression for DXT, PVR and ETC1 At least 6 times compression of all texture data in your games Most optimal image format dynamically selected for the device running your game Check out all the info here (including a sweet demo, pictured below).
  13. 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!
  14. Miniclip have published Virtual Voodoo, just in time for Halloween! It's made with PlayCanvas and uses ragdoll physics plus lots of particle based effects: You can read more about it here. PLAY THE GAME ON MINICLIP
  15. TOP SHOOTOUT: THE SALOON Become the best shooter in Wild West ever! Evil bandits kidnapped hostages and are keeping them in The Saloon. Only you can save them! Reload your gun and shoot up all bandits with their bosses! LINK: http://gemioli.com/thesaloon/html5/gemioli/ Caution: It’s a WebGL-based game, please ensure that you have latest browser version. Game features: Amazing Wild West atmosphereCrazy charactersCasual gameplay and controlsColorful 3D graphics and quality soundPlease contact me at contact@gemioli.com to license the game or any other offer.
  16. A GameMaker developer, Heartbeat (@uheartbeast) has created an amazing tutorial video on how to make a 3D dungeon using GameMaker. I thought I'd post it here so people are made aware of this. It really doesn't use a lot of code to make a rudimentary 3D world in GameMaker. On the subject of 3D games made with Gamemaker, there is a game made using GameMaker, Intrude, currently on Steam that is basically Doom using a more advanced version of the tutorial below. http://store.steampowered.com/app/495720/ I'm no relation to any of these two developers, I don't know them nor am I getting money for posting their work or anything like that. Just saw something and thought it was cool enough to post here.
  17. Hello all I have a weird scenario where i am stuck. I currently have 2 images that are used as textrue and i load both onto 2 planes where they show on the same side. Now i need to kind of show 2 different planes or a double sided plane where each side has its own image or texture. Please look at the code that i have. For some reason the plane and plane2 show fine but plan3 and plane4 do not show up var scene = new BABYLON.Scene(engine); //Create an Arc Rotate Camera - aimed negative z this time var camera = new BABYLON.ArcRotateCamera("Camera", -2.5, 1.2, 350, BABYLON.Vector3.Zero(), scene, true); camera.attachControl(canvas, true); //Create a light var light = new BABYLON.HemisphericLight("hemi", new BABYLON.Vector3(0, 1, 0), scene); var spot = new BABYLON.SpotLight("spot", new BABYLON.Vector3(0, 0, 0), new BABYLON.Vector3(0, 0, 1), 0.8, 2, scene); spot.diffuse = new BABYLON.Color3(1, 1, 1); spot.specular = new BABYLON.Color3(1, 1, 1); spot.intensity = 1; spot.position = new BABYLON.Vector3(0, 0, -500); // spot.setDirectionToTarget(new BABYLON.Vector3(0, 0, 0)); spotcone = BABYLON.Mesh.CreateCylinder("cone", 16, 12, 0, 8, 0, scene); var conemat = new BABYLON.StandardMaterial("cone", scene); conemat.diffuseColor = new BABYLON.Color3(0, 0, 2); spotcone.rotation.x = Math.PI/2; spotcone.bakeCurrentTransformIntoVertices(); spotcone.material = conemat; spotcone.parent = spot; var sURL = "images/scodix1.jpg"; var materialPlane = new BABYLON.StandardMaterial("solid", scene); materialPlane.diffuseTexture = new BABYLON.Texture(sURL, scene); // materialPlane.emissiveTexture = new BABYLON.Texture(sURL, scene); //materialPlane.emissiveTexture = new BABYLON.Texture('images/scodix1.png', scene); //materialPlane.useAlphaFromDiffuseTexture materialPlane.specularColor = new BABYLON.Color3(0, 0, 0); materialPlane.backFaceCulling = true;//Allways show the front and the back of an element // materialPlane.emissiveTexture.level = 1; // powerfulness var tURL = "images/scodix1.png"; var spotPlain = new BABYLON.StandardMaterial("transp", scene, true); spotPlain.diffuseTexture = new BABYLON.Texture(tURL, scene); spotPlain.anisotropicFilteringLevel = 0; spotPlain.diffuseTexture.hasAlpha = true; spotPlain.useAlphaFromDiffuseTexture; spotPlain.hasAlpha = true; spotPlain.specularColor = new BABYLON.Color3.FromHexString("#ffffff"); spotPlain.backFaceCulling = true; // Always show the front and the back of an element var sURL2 = "images/scodix2.jpg"; var materialPlane2 = new BABYLON.StandardMaterial("solid2", scene); materialPlane2.diffuseTexture = new BABYLON.Texture(sURL2, scene); // materialPlane.emissiveTexture = new BABYLON.Texture(sURL, scene); //materialPlane.emissiveTexture = new BABYLON.Texture('images/scodix1.png', scene); //materialPlane.useAlphaFromDiffuseTexture materialPlane2.specularColor = new BABYLON.Color3(0, 0, 0); materialPlane2.backFaceCulling = true;//Allways show the front and the back of an element // materialPlane.emissiveTexture.level = 1; // powerfulness var tURL2 = "images/scodix2.png"; var spotPlain2 = new BABYLON.StandardMaterial("transp2", scene, true); spotPlain2.diffuseTexture = new BABYLON.Texture(tURL2, scene); spotPlain2.anisotropicFilteringLevel = 0; spotPlain2.diffuseTexture.hasAlpha = true; spotPlain2.useAlphaFromDiffuseTexture; spotPlain2.hasAlpha = true; spotPlain2.specularColor = new BABYLON.Color3.FromHexString("#ffffff"); spotPlain2.backFaceCulling = true; // Always show the front and the back of an element var plane = BABYLON.MeshBuilder.CreatePlane("plane", {width: 261, height: 153, sideOrientation: 2}, scene, true, BABYLON.MeshBuilder.DoubleSide); plane.position = new BABYLON.Vector3(0, 0, 0.5); plane.material = materialPlane; var plane2 = BABYLON.MeshBuilder.CreatePlane("plane2", {width: 261, height: 153, sideOrientation: 2}, scene, true, BABYLON.MeshBuilder.DoubleSide); plane2.material = spotPlain; var plane3 = BABYLON.MeshBuilder.CreatePlane("plane3", {width: 261, height: 153, sideOrientation: 1}, scene, true, BABYLON.MeshBuilder.DoubleSide); plane3.position = new BABYLON.Vector3(0, 0, 0.5); plane3.material = materialPlane2; var plane4 = BABYLON.MeshBuilder.CreatePlane("plane4", {width: 261, height: 153, sideOrientation: 1}, scene, true, BABYLON.MeshBuilder.DoubleSide); plane4.material = spotPlain2; var alpha = Math.PI; scene.beforeRender = () => { } return scene;
  18. var p = BABYLON.Vector3.Project(vector, BABYLON.Matrix.Identity(), scene.getTransformMatrix(), camera.viewport.toGlobal(engine)); it's return P { x: NaN , y: NaN} camera.viewport.toGlobal(engine) is null e {x: NaN, y: NaN, width: NaN, height: NaN} i find google and the result page is return the NaN too. http://www.babylonjs-playground.com/#UWSIL#1 I use it this function last month, and it worked. but now didn't work. I don't konw why? help...
  19. Hi all! I just wanted to show you the last game I am working on these days. This is a one person project I am doing at home afterwork. The main goal, besides having fun, is to show some detail and a functional game keeping it under 10mb. I am using Three.js for graphic rendering together with Backbone.js and Require.js for wiring everything up. Graphics are made with Blender and Gimp. I have uploaded my progress to http://demonraid.com/demos/dragonPuncher/ (Sorry if my server is too slow!). Use arrow keys to defend yourself. It still lacks sound and need to work on difficulty level and dragons appereance, but still I think the idea is pretty clear (is not a complicated game!). Graphics are not in their final stage either. Let me know what you think. Thanks in advance!
  20. Hi, I'm here to share my IUT project : Make 3D with Pixi.js So okay, it's stupid cause Pixi.js is a 2D framework. But maybe you need to have some simple 3D models. (For example, 3D cards animations in a 2D game, or 3D rotation of images, titles etc). I'm not sure if it's really usefull. And the code is very dirty and it should exist some ways to optimise it) The documentation that talk about the way we did it is in a .pdf but it's in french. (But there is a lot of images) Zip file : in attached files Demo : http://ks3355883.kimsufi.com/3DPixi/projet.html If you have any questions, i'll be glad to answer them. Thanks to NeantLibre for his help. 3DPixi.zip
  21. Hello In some cases, its more efficient to compute models in real time, rather then download the provided geometry in a babylon file. I want to create markers in my room, terrain ...and replace this specific spots with something like a trees currently i have to create a separate mesh as marker, it would save some space, if i could simply define a marker as a different material Thank you all very much, whoever wants to contribute The playground http://babylonjs-playground.com/#22TZPO#1
  22. Here is one simple Demo example made with babylon.js Under project section Roll Shadow https://ajna4taiga.no-ip.org/ajna4taigaWeb/ (very awsome babylon.js) (if anybody is interesting in any this is welcome) even developers for new releases and physics testing...
  23. I'd like to load into BJS a 3D model (e.g. a chicken) created in a 3D software (e.g. Blender), and then display it in my scene. The OBJ extension's demo seems to be loading a bundle of meshes that are grouped together to make one big model (if I understood it correctly), e.g. face mesh, body mesh, etc. http://doc.babylonjs.com/extensions/OBJ I'd like to be able to load one unified small file size mesh. What's the best way to do it? Would I have to use an extension for that? Would you recommend loading an .obj file or a .babylon file? Does it depend on the case? Are there any free downloadable model ready for experimentation in BJS?
  24. So I've been reading many or the related posts about 3D text in here, and I made a small implementation to show one idea and ask for opinions. Jerome showed some examples using a buffer to extrude a mesh. I took his idea and used the buffer to build ribbons. http://www.babylonjs-playground.com/#1IPKCT#0 Different colors show different meshes, and there are several bugs yet I didn't solve. If you change the font's size more will show up. I apologize for the coding style, I'm not use to javascript and I was copy/pasting from my own Typescript implementation.
  25. Is there a way to mask a certain part of a box in a 3d environment? (not masking 2d sprites with a 2d mask) For instance, I create a box, I mask its lower part, in runtime the upper part is not rendered - only the lower part, and the upper face of the box is not cut - in other words, only the height of the box is cut, keeping the upper face, unlike 2d masking a 3d shape which would look very bad. I attached a sketch to help you picture what I mean. Does something like that exist? If not, do you perhaps have an idea how to approach that problem? Playing with the box's height won't do the trick for me, because I need the texture diffused in its material to not be resized - just cut.