Search the Community

Showing results for tags 'play'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • HTML5 Game Coding
    • News
    • Game Showcase
    • Facebook Instant Games
    • Web Gaming Standards
    • Coding and Game Design
  • Frameworks
    • Phaser 3
    • Phaser 2
    • Pixi.js
    • Babylon.js
    • Panda 2
    • melonJS
  • General
    • General Talk
  • Business
    • Collaborations (un-paid)
    • Jobs (Hiring and Freelance)
    • Services Offered

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



Website URL





Found 20 results

  1. VULETUBE web application Project name: Vue project generator First feature: YouTube vs Threejs version 0.0.5 Public access for VuleTube service: Screenshot1: Screenshot with openCVJS : YouTube presentation: youtube link Production use https node application for web server. Clone whole project with submodules: git clone --recurse-submodules npm i Other good solution is node serve for instant start. Install: npm install -g serve Run: npm run serve Project details Vue3 vs TS Version: typescript 3.9.6 Visual Code Text Editor used. NodeJS based backend part. Features Flow Note: 0.0.x => any changes 0.x.1 ... n => any changes + updated present logic or new big feature. x.1.1 ... n => release git/build point version. - version 0.0.2 [MASTER] Getting response for youtube search. Call server part for saving videos - version 0.0.3 [MASTER] Add options switch-place for two main components Implement LocalStorageMemory class (For saving all user infly data - view options etc.) - version 0.0.4 [MASTER] Save current (exist) options with localStorage and load on refresh. Every next options will be implemented with localStorage support. - version 0.0.5 [MASTER] Added new server module : npm install --save image-downloader Prepare for search result preview in 3d. with raycast options for navigate. Add options for: save result number per page - pagination. show result in 3d version 0.1.1 [MASTER] Adding progress for video duration. Adding webcam options. Replace text with icons. version 0.1.2 [MASTER] Adding paypal donate buttons test nui webcamer controller [DEV] voice commander activate => block detection 0 information/about => block detection 7 switch theme => block detection 3 test nui/voice controller [DEV] Just basic - voice-commander need to be improved. Login proccess need mouse or touch event trigger (on user request). Can't be passed with nui or voice commander. version 0.2.0 [MASTER] Added new submodule Basic implementation options for first effect gray. My opencv-starter project is script module type and prepared for this actions. test nui/voice controller pre-command -> action command => v-command : search or search for then listening for what to search . [DONE] NUI commander visibility option implemented [DONE] Make more comfor in component class i created declare ts files for each/individual components. myYouTube.d.ts and webgl-player.d.ts version 0.2.1 [NEXT][WIP] Make openCV videoProcessing multi source reusable but with one output canvas effect. Prevent raycast click event behind 3d plane video FIX@ [DEV] Production There is no any kind of build on public mashine just upload files in WEB manir. Plug and play. /var/html/www/ANY_PATH How to upload on production (windows): Build on windows mashine host with npm run build then simple upload dist/ with ftp client to the public vps. Run in server/node node server-connector.js On top lever root folder of git project run => git submodule update --init --recursive From submodules projects root => git pull master git pull master Project structure ├── dist/ (This is auto generated) ├── node_modules/ (This is auto generated) ├── public/ | ├── assets/ | | └── icons/ | | | └── svgs | | | └── pngs | | └── vule-logo1.png | | └── logo.png | | └── sounds/ | | | └── note.mp3 ... | | └── submodules/ | | | └── nui-commander/ | | | └── voice-commander/ | | | └── opencv-starter/ | ├── thumbnails/ | ├── videos/ | | └── list.html | ├── bad.html | ├── favicon.ico | ├── index.html ├── server/ | ├── node_modules/ (This is auto generated) | ├── package.json | ├── package-lock.json | ├── server-connector.js ├── src/ | ├── components/ | | ├── nui-webcam-control/ | | | ├── nui-webcam-control.vue | | ├── youtube-3d/ | | | ├── myYouTube.vue | | | ├── myYouTube.d.ts | | | ├── webgl-player.vue | | | └── webgl-player.d.ts | | ├── myFooter.vue | | ├── myHeader.vue | ├── my-common/ | ├── local-storage/ | ├── App.vue | └── styles/ | | └── styles.scss | ├── App.vue | ├── main.ts | ├── error-instance.ts | ├── shims-tsx.d.ts | ├── shims-vue.d.ts | └── store.ts ├── .gitignore ├── (This file) ├── tsconfig.json ├── vue.config.js ├── package.json ├── package-lock.json (This is auto generated) └── babel.config.js Components : - myYouTube.vue Getting response for youtube search. Call server part for saving videos - webgl-player.vue Open opengles port view, look for video source saved to the maximumroulette:3000 I use quick solution from npm: About video processing Role for enabling video processing effects with private webcam Setting for openCV component must be enabled Camera must be enabled Handled situation with on/off variant..... Response for youtube api v3 call search. body: "{↵ "kind": "youtube#searchListResponse",↵ "etag"" headers: {cache-control: "private", content-encoding: "gzip", content-length: "5512", content-type: "application/json; charset=UTF-8", date: "Sun, 05 Jul 2020 20:47:06 GMT", …} result: { kind: "youtube#searchListResponse", etag: "3nOm8AR0NU4TDlCxh0UCxk1KB38", nextPageToken: "CBkQAA", regionCode: "RS", pageInfo: {…}, …} status: 200 statusText: null Result property: { "kind": "youtube#searchResult", "etag": "mlweRndBtBgAcVC-11ZrL0oI7ok", "id": { "kind": "youtube#video", "videoId": "YPhJOC9-M_M" }, "snippet": { "publishedAt": "2019-07-14T19:27:31Z", "channelId": "UCc1NtMtvoVzKnOtnai9LGsA", "title": "Create game engine - Visual typescript game engine", "description": "Clone or download from : Next video\ developing in live - adding multiplayer feature. Project : Visual ts ...", "thumbnails": { "default": { "url": "", "width": 120, "height": 90 }, "medium": { "url": "", "width": 320, "height": 180 }, "high": { "url": "", "width": 480, "height": 360 } }, "channelTitle": "javascript fanatic", "liveBroadcastContent": "none", "publishTime": "2019-07-14T19:27:31Z" } } Important flags field -> { etag: "3nOm8AR0NU4TDlCxh0UCxk1KB38" items: etag: "mlweRndBtBgAcVC-11ZrL0oI7ok" id: {kind: "youtube#video", videoId: "YPhJOC9-M_M"} kind: "youtube#searchResult" snippet: {publis kind: "youtube#searchListResponse" nextPageToken: "CBkQAA" pageInfo: {totalResults: 400229, resultsPerPage: 25} regionCode: "RS" } } Opencvjs help After git pull for submodules go to folder : vue-ts-starter\public\submodules\opencv-starter For windows use powerShell for npm i if you have some trouble with cmd. VueMaterial help Notes : All other <input type="file"> attributes, such as multiple and accept, can be used on md-field. Icons used with eslint or any other cheker full strict only for proc build in dev status lint will pass more roles. In public/assets/icons i added complete fontawesome-free-5.14.0-web package. About routes From official: Simple Routing From Scratch If you only need very simple routing and do not wish to involve a full-featured router library, you can do so by dynamically rendering a page-level component like this: const NotFound = { template: '<p>Page not found</p>' } const Home = { template: '<p>home page</p>' } const About = { template: '<p>about page</p>' } const routes = { '/': Home, '/about': About } new Vue({ el: '#app', data: { currentRoute: window.location.pathname }, computed: { ViewComponent () { return routes[this.currentRoute] || NotFound } }, render (h) { return h(this.ViewComponent) } }) Spiral position Not in use at the moment. var count = 10; var radius = 32; for ( var i = 1, l = count; i <= l; i ++ ) { var phi = Math.acos( - 1 + ( 2 * i ) / l ); var theta = Math.sqrt( l * Math.PI ) * phi; var mesh = new THREE.Mesh( geometry, material ); mesh.position.setFromSphericalCoords( radius, phi, theta ); mesh.lookAt( ); this.scene.add( mesh ); } YT Download module Download from: Private links: Help links/public Direct link for dev server VueTube web DEV [WIP] service 2020
  2. We developed a ball balancing 3D game called Extreme Balance 3D. The game is built using Unity. Here is the game Iframe URL: Game Description: Extreme Balancer 3D is a new ball adventure game developed by team. Guide the ball through different traps to reach the final platform. Game Instruction: - Arrow Keys/ASWD to guide the ball - Mouse to change the view. You can add the game on your website, if you want.
  3. Hi indie developer friends You already published a game at the Google PlayStore? Then you know the pain of updating the store information in all different languages. As a start, we published a small tool for translating and creating the release notes automatically. That means: Your turn - Enter your release notes information in your favourite language Our turn - Automatically translate your release notes in up to 66 languages (languages that are recommended in the Google PlayConsole) Our turn - We will provide the "xml-like" format that is required in the Google PlayConsole Your turn - Copy the formatted result to your app in the Google PlayConsole Finished! Saved a lot of time and get a better visibility of your app in the PlayStore. We often used terms like “Bugfixes”, “Performance updates” on each release for all languages.Now you can provide your real update information (up to 500 characters per language) and hopefully get more downloads with better App Store Optimization. Just try it here: Here is another explaination how the Release Notes Translation Tool can help you.
  4. tl;dr Pause, sleep, resume and wake make for a confusing api initially. Also a master pause (logic and audio) would be handy ( I might have missed this though.) After a longish break of game dev I wanted to take a look at Phaser 3. Loving it so far, (Phaser has come such a long way) but I find the pausing/resuming the entire game(logic, animation, sounds) a little confusing. I'm making a master Pause/Play switch. After game.loop.pause() didn't have the desired effect I've switched to game.loop.sleep and awake(). But I'm unsure if this is the intended use for them. Looking forward to the release of this bad boy, continue doing awesome work. Cheers
  5. Hi everyone i'm new guy in here.. I have a problem.. I'm playing a video with videoTexture but i want to make when i clicked to videoTexture to pause video.. I followed this topic: everyting well but when I click anywhere on the scene video stoping Here is my code var videomat = new BABYLON.StandardMaterial("Videomat", scene); var videoTexture = new BABYLON.VideoTexture("video", ["video/vexpovid.mp4", "video/vexpovid.webm"], scene, true,true); var videobox = BABYLON.MeshBuilder.CreateBox('videobox', optionsVideo, scene); videobox.position.x = -120; videobox.position.y = 300; videobox.position.z = 163; videobox.rotation.y =3.15; videobox.material = videomat; videomat.diffuseTexture = videoTexture; videobox.material = videomat; scene.onPointerDown = function () { //; if ({; } else {;}
  6. I'm new to Pixi.js I did a code to make a simple 3 frame animatedSprite but it never leaves the first frame, if I do a gotoAndPlay(1) it goes to the desired frame and stops, and if I console.log the ticker it keeps on the frame as it were stopped but the playing property is true. Can't find the error anywhere. Somebody could help me out here? The code is below: var w = window.innerWidth, h = window.innerHeight, objs = {}, tex = {}, anim = {}, prop = w/16, props = { grass: [2060, 745, 16], trave: [1334, 471, 10], rede: [1309, 454, 9.8] }; var app = new PIXI.Application(w, h, {backgroundColor: 0x33aaff}); app.renderer.autoResize = true; resizeAll(); $('#div_canvas').append(app.view); objs['message'] = new PIXI.Text( "Carregando...", {fontFamily: "Arial", fontSize: 20, fill: "white"} ); objs['message'].position.set((app.screen.width/2)-(objs['message'].width/2), (app.screen.height/2)-(objs['message'].height/2)); app.stage.addChild(objs['message']); app.loader .add('css/fonts/Quantico-Regular.otf') .add('img/grass.png') .add('img/trave.png') .add('img/rede.json') .on("progress", loadProgressHandler) .load(onAssetsLoaded); function loadProgressHandler(loader, resource){ objs['message'].text = "Carregando..."+(Math.round(loader.progress*100)/100)+"%"; objs['message'].position.set((app.screen.width/2)-(objs['message'].width/2), (app.screen.height/2)-(objs['message'].height/2)); app.renderer.render(app.stage); } function onAssetsLoaded() { app.stage.removeChild(objs.message); delete objs.message; tex['grass'] = app.loader.resources["img/grass.png"].texture; tex['trave'] = app.loader.resources["img/trave.png"].texture; tex['rede'] = app.loader.resources["img/rede.json"].textures; anim['rede'] = []; for(var i=0; i<3; i++){ anim['rede'].push(tex['rede']['rede0'+i+'.png']); } console.log(anim.rede); objs['grass'] = new PIXI.Sprite(tex['grass']); objs['grass'].anchor.set(0.5, 0.0); objs['grass'].position.set(app.screen.width/2, app.screen.height/2); objs['trave'] = new PIXI.Sprite(tex['trave']); objs['trave'].anchor.set(0.5, 0.8); objs['trave'].position.set(app.screen.width/2, app.screen.height/2); objs['rede'] = new PIXI.extras.AnimatedSprite(anim.rede); objs['rede'].anchor.set(0.5, 0.8); objs['rede'].position.set(app.screen.width/2, app.screen.height/2); objs['rede'].animationSpeed = 1; objs['rede'].play(); resizeAll(); app.stage.addChild(objs['grass']); app.stage.addChild(objs['rede']); app.stage.addChild(objs['trave']); app.ticker.add(function() { console.log(objs['rede'].totalFrames, objs['rede'].currentFrame); }); } function resizeAll(){ var propW = w/16; var propH = h/9; if(propW>propH){ w = propH * 16; }else if(propW<propH){ h = propW * 9; } prop = w/16; for(var i in objs){ if(typeof props[i] !== 'undefined'){ objs[i].width = props[i][2]*prop; objs[i].height = (objs[i].width/props[i][0])*props[i][1]; } } app.renderer.resize(w, h); }
  7. Somtehing went wrong with the playground. Has Anyone else this error ?
  8. Hello! Im new here, and I'd like some help. I was coding, made a new spritesheet and tried making it play while I press a key. It doesn't seem to be working, and I don't know why. If you could help in any way, it'd be greatly appreciated. Thanks! CODE - SPRITESHEET -
  9. Bad Run, is platformer runner and was created as a part of the Bad Pad saga, to expand the world, characters and story and for some extra fun, Bad Pad is my upcoming PC/Consoles platformer game. "Join Square's epic adventure and fight the infamous Evil Pen.Run, jump, dive, fly and shot your way through, but most importantly take Evil Pen down! It's up to you, are you ready?" Features: - Campaign mode including 4 episodes, 40 levels, missions and battles. - Endless mode, master your skills, collect coins and upgrade your character and buy new items. - Daily rewards and achievements. - Bad Pad comics, finish an episode to reveal more slides. - Original guitar driven music by Avishay Mizrav. - Supports Landscape and Portrait views. Bad Run can be download in Google Play for free, If you have any suggestions or questions feel free to ask here or send us an email, have fun!
  10. I am relatively new to Phaser. I am trying to make a small game. I would like to add a background music. I tried following the examples. But music is not getting played. Is a local server required to play the audio files?
  11. Hi Guys! Well thats the problem i have to solve, because I need to continue my animation loop from a specific frame (the last frame when i stop animation from an onDown event ) i can get my animation last frame, but dont receive that parameter to start the loop from that frame. So what i can do? I've been thinking change the order of frames, ordering a new array, beginning with that specific frame then update the frames array then play animation.....but i dont know just an idea I just had. sorry for my English, google translator at its best. Cheers!
  12. rmbennin

    Stop Update?

    Hello all, I am trying to basically stop my Phaser game completely, the main thing is getting it to stop "updating". I'm not sure how to do this. This is my code creating the game: game = new Phaser.Game(1000, 600, Phaser.AUTO, "gameCanv", { preload: preload, create: create, update: update, quitGame: quitGame } ); In the quitGame function, I am trying to stop the game from running, so I can see if the user got a high score, update the scoreboard for it, and ask the user if they want to play again with different conditions. I have this code for that function: function quitGame(){ console.log("in quitGame"); ingredient.kill(); chef.kill(); score = 0; gameOverOne();} //end quitGame function Please help... Thank you!
  13. Hi.. i want to integrate my phaser with google play services to enable leaderboard. I have generated the client id successfully. i have also included the following lines in my index.html : <meta name="google-signin-clientid" content="" /> <meta name="google-signin-cookiepolicy" content="single_host_origin" /> <meta name="google-signin-callback" content="signinCallback" /> <meta name="google-signin-scope" content="" /> <script src=""></script> and then in Mainmenu state.....I am adding a button and in its handler writing gapi.auth.signin(). but no signn in popup appears ..? where am i going wrong? I want to know whether it is advisable to use google play services in phaser games or not? Actually I have hosted my game on google drive. not on a custom domain... Is this causing the problem ?
  14. I have a main music track looping all throughout my game, which works fine in Chrome, but the music doesn't play in Safari. All the sound effects work, but not the music. I think I read something about this somewhere, but I'm not sure what to do. Any ideas? Thanks Edit: Link to the track:
  15. I'm having issues with the callback passed in to the onDown. For some reason when I try to play an animation from within the callback the animation won't play at all. What's strange is the animation will play fine in my key detection in the "update" function. My code is this: Player = function(game) { = game; this.sprite = null; this.cursors = null;};Player.prototype ={ preload: function() {'grandpa', 'assets/grandpa.png', 64, 117); }, create: function() { this.sprite = game.add.sprite(2 * 64, 8 * 64, 'grandpa'); // animations this.sprite.animations.add('left', [7,6,5,4], 7, true); this.sprite.animations.add('right', [0,1,2,3], 7, true); this.sprite.animations.add('up', [8,9,10,11], 7, true); this.sprite.animations.add('down', [0,1,2,3], 7, true); this.sprite.animations.add('beer', [0,12,13,0], 7, true); this.cursors =; var beerButton =; beerButton.onDown.add(beerDrink, this); function beerDrink() { console.log('beer!');'beer'); } }}
  16. diex

    jump to frame

    Hi: I have a sprite loaded as atlasJSONArray. I can create serveral versions of the animation and start playing it back like this: for( var x = 0; x < 800; x = x+100){ for(var y = 0; y < 600; y = y+100){ var cat = game.add.sprite(x, y, 'cat'); cat.animations.add('run');'run', 30, true); } }what Im trying to achive now is let every instance to start at a random frame (to make all animations look different). i tried this but does not work: cat.animations.frame = Math.floor(Math.random() * cat.animations.frameTotal); how could this be done? I'm as3 coder so I used to do sprite.gotoAndPlay(someFrame);thks !
  17. I spent a long time working on this and would appreciate some feedback. I tried to make game creation as simple as possible. There is no scripting and game logic is handled for you. All games are created from "frameworks" which define the type of game. There currently is only one called "Modern Tactics"; a tactical-rpg. After creating your game, you can then create levels for it. Technologies: Ruby on rails Hosted on Heroku Backbone Using my own game framework but am migrating to [pixijs]( Using soundmanager2 (thinking about switching to howler.js; smaller lightweight) jquery nouislider backbone stickit drawingboard.js
  18. I'm going to build a cool animated game, simple mechanics and few game objects (around limit of 50) without counting particle effects if any. The main goal a want to succeed is to make smooth animation. All animation is going to be sprite/frame based, and still a lot of games use 3 to 4 frames for animating a character running left, or top My main question is when frames are too many... If i make 10 frame for walking left, 10 frame for walking to top, then 10 frames for walking to bottom, and 10 frame for a idle animation: Then I've got to have 40 frames of character for the most basic animations. Then lets consider: jump, duck, slide, lean and so on.... Also should I consider making a transitional frames from: jump to duck for example: When player jumps, and the land he isn't landing straight to idle animation, but is a bit crouching then - if player press: "duck" instead of finishing the animation to stand up, and then make the player duck, i want to stop the animation on the 7 frame of jump animation and start playing jump-crouch to duck animation... Because this is a wide description I'll search and throw some examples from the web which I rate as good spite animations... but also I''ll be vary happy if more people share their vision for in game animations, or some article they find useful... I'll update the topic with my own research too Ahh also very important detail: A character for my future game will have a average size ot 200 x 200 px - so I think this makes the need of more frames to make animation more smooth since if a characters is 50 x 50 px - art. then you can't make so many diferent body positions and so on.
  19. Hi all! I would like to add background music to an HTML5 game. I'm using GameMaker, and its audio system is quite bad, infact with last version music doesn't play even on Firefox 24 for desktop. So I'm trying to figure out by myself how it is possible to play music in Javascript in a way that works on both desktop and mobile browsers. This is my current code: /* * Plays and loops a music file. There must be the music * files in the "html5game" directory. * There must be 2 versions of the same file: a .mp3 and a .ogg. * @param file File name WITHOUT EXTENSION!*/function html5_play_music(file){ // first of all delete the audio element if already exists var audio = document.getElementById("gameMusic"); if (audio) { audio.parentNode.removeChild(audio); } // create a new audio element audio = document.createElement("audio"); audio.setAttribute("id", "gameMusic"); audio.setAttribute("autoplay", "true"); var mp3 = document.createElement("source"); mp3.setAttribute("src", "html5game/" + file + ".mp3"); mp3.setAttribute("type", "audio/mpeg"); audio.appendChild(mp3); var ogg = document.createElement("source"); ogg.setAttribute("src", "html5game" + file + ".ogg"); ogg.setAttribute("type", "audio/ogg"); audio.appendChild(ogg);}This works fine on desktop (tried Firefox, Chrome, IE10), but it does not work on mobile (tried mobile Safari, Chrome and IE10). How can I do? I see that Premium games on marketjs correctly play music on both desktop and mobile browsers: how do they do it? Thank you in advance for your help!
  20. Hey Guys, I have a website that needs some HTML5 casino games like Blackjack, Roulette, Craps, and Slots, complete with sounds and decent artwork and all that. If you have something like that I'd be willing to buy / license it. Let's talk! Thanks.