requestAnimationFrame

Java Developer / Redesign / Complex / Overheid

Functieomschrijving Wil jij je als Java Developer bezighouden met complexe materie, jouw kennis van Java inzetten in een groot Europees project en compleet nieuwe modules bouwen met behulp van Java? Lees dan snel verder! (Door-)ontwikkelen van de applicaties; Redesignen van bestaande modules; Uitvoeren van Unit testen; Requirements omzetten naar ontwerpen; Afstemmen met de klant/eindgebruikers. Functie-eisen Hbo werk- en denkniveau; Minimaal drie jaar relevante werkervaring; Kennis van minimaal Java 8; Ervaring met CI/CD, Docker, Kubernetes en SAML is mooi meegenomen; Je bent communicatief vaardig en houdt het security aspect goed in de gaten. Bedrijfsomschrijving Bij deze overheidsinstantie zal je terecht komen

Bekijk vacature »

.NET Core developer met Angular en React

Functieomschrijving Ben je naast technisch goed met .NET ook communicatief sterk, en wil je niet steeds aan hetzelfde product met dezelfde collega's werken? Dan zou deze functie wel eens heel goed bij jou kunnen passen. Je werkt hier namelijk voor diverse opdrachtgevers en vooral ook bij diverse opdrachtgevers aan wisselende projecten. Je expertise ligt bij .NET en als dat fullstack is dan is dat helemaal geweldig. Onze klant garandeert een maximale reistijd van 60 minuten! Functie-eisen - Je hebt een afgeronde HBO informatica studie - Je hebt ervaring met ASP.NET, C#, MVC, .NET Core - Je hebt ervaring met HTML,

Bekijk vacature »

PHP Laravel developer voor maatwerk projecten

Functieomschrijving Er wordt hier gezocht naar een ervaren backend specialist die graag zijn tanden zet in het optimaliseren van webapplicaties. Er worden nog steeds nieuwe features bedacht, hier mag jij aan gaan meewerken, en die worden dan in het kleine team ontwikkeld. Je gaat werken met de nieuwste technieken en gaat werken aan een eigen productÂ· Voordeel bij dit soort organisaties is dat de ontwikkelboog lang is en dat er veel aandacht is voor kwaliteit. Herken jij jezelf in bovenstaand profiel? Reageer dan snel! Functie-eisen - Je beschikt als PHP ontwikkelaar over HBO werk en denk niveau; - Je hebt

Bekijk vacature »

Senior OutSystems Developer / International enviro

Functieomschrijving Would you like to work in a professional and international working environment and do you have extensive experience in the field of OutSystems? Apply now! Translate wishes and requirements into technical designs; Design and develop new software feautures and technologies, mainly in the field of logistics/planning; Maintainance, administration and improvement of the OutSystems platform; Solving issues and bugs within the software; Define and run test plans; Documentation of development and bugfixes; Constant improvement of the OutSystems platform and follow-up of newest innovations within this field. Functie-eisen Knowledge of and multiple of years experience with OutSystems is required. Experience with

Bekijk vacature »

IT Engineer

Castor Marine levert wereldwijd SATCOM en IT diensten voor de maritieme sector. Onze klanten zijn actief in de commerciÃ«le zeevaart, offshore en superjachten. SATCOM is onze corebusiness. Daarnaast leveren we oplossingen voor de complete IT aan boord. Wij bieden 24/7 wereldwijde support om klanten de best mogelijke service te bieden. Ons hoofdkantoor bevindt zich in De Meern. Daarnaast hebben we vestigingen in Groningen en Nice (Frankrijk). Voor het SATCOM en IT team in Groningen zijn we op zoek naar een ervaren IT engineer (M/V fulltime) Als IT engineer support je onze klanten wereldwijd en lever je een bijdrage aan onze

Bekijk vacature »

Unieke PHP kans bij een Unieke organisatie!

Functieomschrijving Je komt te werken in een Agile team van 8 collega's bestaande uit PHP ontwikkelaars, een product owner en een business analist plus een IT manager. Ze werken werken er volgens Continuous Integration en Continuous Delivery en mocht je hier al ervaring in hebben dan is dat mooi meegenomen. De collega's delen graag kennis met elkaar en helpen elkaar waar mogelijk. Je staat er in dit team daarom nooit alleen voor en er is veel ruimte voor jouw inbreng. Omdat het bedrijf zo sterk aan het ontwikkelen is wereldwijd kun jij als developer hier straks ook in meegroeien en

Bekijk vacature »

Front- & backend developer (32-36 uur per week

Van scratch af helpen onze applicaties te vernieuwen?! We staan aan de vooravond van het vernieuwen van onze applicaties. Hiervoor zoeken wij een nieuw team met developers. De samenstelling varieert van starters tot doorgewinterde, ervaren senior Cloud architecten. Alle vrijheid om creativiteit met de nieuwste tools aan de slag te gaan We werken met het Angular framework voor onze front-end en Spring boot/Java voor de back-end. Onder begeleiding van de Scrum master en andere senior developers krijg je veel vrijheid om technisch uitdagingen aan te pakken en zul je ook met de andere afdelingen binnen NTS te maken hebben om

Bekijk vacature »

Senior Java Developer vacature

Currently we are specific looking for professionals who speak fluently Dutch on C1 level. Senior Java Developer Jij volgt ontwikkelingen op de voet. Sterker nog: jij bent er onderdeel van. Jij loopt voorop. Jij denkt met klanten mee en helpt hen innoveren. Je verdiept je liever als een Expert, dan dat je jezelf alleen verbreed. Bijvoorbeeld met de ontwikkeling van de Rabobank-app of een verbetering van de beveiliging van treinen voor Pro-rail! Java staat centraal Wij bouwen State of the Art applicaties met de nieuwste technologie en frameworks. Dit doen we door ons te richten op de open source-oplossingen binnen

Bekijk vacature »

Senior Java Developer vacature

Bekijk vacature »

Senior Application Developer

The world wants simple apps that can manage the movements of millions of packages daily. But behind every application is a complex string of gripping challenges, and a focused developer tackling them. As someone whoâ€™s highly familiar with C# development practices in the Netherlands, youâ€™ll join us as a senior member of the team and manage apps for Brokerage â€“ big business freight in global markets that cover over 76% of all international trade. Digital innovation plays a crucial role in choreographing the infinite movements of goods, funds and information. The logic that goes into it, and skills adopted because

Bekijk vacature »

Lead Java Developer / CQRS / Event Sourcing / Zorg

Functieomschrijving Ben jij een Senior/Lead Java Developer met minimaal 5 jaar ervaring Ã©n wil jij als Meewerkend Voorman verantwoordelijk zijn voor een DevOps team van 5 personen bij een organisatie die rechtmatigheid in de zorg controleert? Wil je 60% van de tijd nog zelf ontwikkelen en meteen mee werken aan een gloednieuwe applicatie die de kwaliteit van zorg(verleners) in Nederland inzichtelijk maakt? Spreekt het je daarnaast aan om constant nieuwe innovatieve tooling te onderzoeken en te gebruiken, zoals bijvoorbeeld CQRS en Event Sourcing? Lees dan nu verder! Je werkzaamheden zullen onder andere bestaan uit: meenemen van het team op het

Bekijk vacature »

Junior .Net Developer voor geautomatiseerde emailm

Onze klant is een Email Marketing Automation ontwikkelaar voor vele grote klanten in Nederland en BelgiÃ«. Met hun marketingsoftware weten zij dagelijks miljoenen mensen te bereiken voor hun klanten. Als Junior .Net Developer van het jonge en informele Innovatie Team breng jij het platform naar een hoger niveau. Je bent hierbij als junior vanaf dag 1 volledig betrokken bij het team. Je bent betrokken de volledige software development life cycle en gaat dan ook mee naar de grote klanten. Terwijl je wordt ingewerkt en dagelijks spart met je 15 gezellige collegaâ€™s, werk je aan zowel de front-end als back-end van

Bekijk vacature »

.NET Developer / C# / miljarden berichten / Zorgse

Functieomschrijving Zit jij aan je plafond als .NET C# Developer? Wil jij de stap maken naar dÃ© .NET software organisatie van Tilburg? Lees dan nu verder! Bedrijfsomschrijving werken bij een organisatie waar je met het volgende in aanraking komt: High-intensity dataverkeer, meer dan 2,7 miljard berichten per jaar; Development aan .NET applicaties die maandelijks miljoenen euro's verwerken; Salaris als developer tot bijna 70.000 euro op jaarbasis; Geen partij in de omgeving van Tilburg die zo'n complex .NET applicatielandschap heeft; Werken aan meer dan 50 diensten, verdeeld over 10 Scrum teams; Focus op o.a.: C# en ASP.NET in een Agile organisatie;

Bekijk vacature »

Noordoost Java Developer vacature

Java Developer Noordoost Word onderdeel van een topteam met ervaren Java Developers. Loop voorop in de ontwikkelingen en help mee innoveren. Focus op Java Wij bouwen State of the Art applicaties met de nieuwste Java technologie en frameworks. Dit doen we door ons te richten op de open source-oplossingen binnen de wereld van Java, alle nieuwe ontwikkelingen te volgen en onze kennis te delen binnen onze eigen Java Community. Dit betekent bijvoorbeeld dat we aanwezig zijn op veel conferenties; Oracle Code One, Devoxx en JFall. We organiseren ook onze eigen collegiale sessies en hackatons waar we kennis en plezier combineren.

Bekijk vacature »

.NET Ontwikkelaar / ASP.NET MVC / Azure / C#

Functieomschrijving Ben jij een ervaren .NET Ontwikkelaar en ben jij gewend om in technische uitdagende omgevingen te werken met onder andere C#, ASP.NET en Azure? Dan is deze functie voor jou! Als .NET Ontwikkelaar ga je: Programmeren van high-availability en high-security applicaties in C#; Overleggen met de informatie analisten en testers; Ontwikkelen van webservices (WCF); Ondersteunen bij de Azure migratie; Coachen van andere ontwikkelaars; Begeleiden van het team en Product Owner; Waarborgen van de Scrum principes; Wegnemen van impediments voor het team; 20% van je tijd besteden aan innovatie; Bouwen van unit testen. Functie-eisen Als .NET Ontwikkelaar heb je: HBO/WO

Bekijk vacature »

Lord Gaga

08/09/2015 18:16:48

Hallo,

Op dit moment ben ik bezig met een klein spelletje en tot nu toe heb ik altijd setInterval gebruikt voor de gameloop (zowel voor het updaten als renderen).

Nu zou ik graag eens gebruik maken van requestAnimationFrame, echter kan ik nergens een goede uitleg vinden over het gebruik hiervan. Alle tutorials / stukjes uitleg spreken elkaar namelijk tegen.

Is het de bedoeling dat het updaten (nog steeds) gebeurd via setInterval of setTimeout, waarbij het renderen dan gebeurd via requestAnimationFrame. Of komt het updaten óók in requestAnimationFrame?

Kan iemand me dit uitleggen?

Alvast bedankt!

PHP hulp

28/09/2020 04:06:01

Lord Gaga

09/09/2015 20:00:53

Iemand?

Op dit moment neig ik de volgende aanpak te hanteren:

Code (php)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49

class Game {
   constructor() {
      // Holds a timestamp indicating when the last tick occurred.
      // Initially set to null, indicating that no tick has taken place.
      this.time = null;

      // Holds the accumulative time remaining for physics steps.
      this.accumulator = 0.0;

      // Holds the size of a single timestep in milliseconds, in this
      // case we will perform around 60 steps per second.
      this.stepSize = 60 / 1;

      // Request an animation frame to invoke this.tick
      requestAnimationFrame(this.tick.bind(this));
   }

   step(deltaTime) {
      // ...
   }

   draw(deltaTime) {
      // ...
   }

   tick(time) {
      // requestAnimationFrame's callback gives a very high resolution
      // timestamp (DOMHighResTimeStamp) as an argument. The timestamp
      // is accurate to a microsecond so we no longer need, nor want to
      // call Date.now as it is only accurate to the millisecond.

      // On the first tick delta time should be 0.
      var deltaTime = time - (this.time || time);
      this.time = time;

      // Add delta time to our accumulator, iterate over the steps we
      // can do, and carry the leftovers over to the next frame.
      this.accumulator += this.deltaTime;
      while(this.accumulator >= this.stepSize) {
         this.step(this.stepSize);
         this.accumulator -= this.stepSize;
      }

      this.draw(deltaTime);

      // Request an animation frame to invoke this.tick again
      requestAnimationFrame(this.tick.bind(this));
   }
}

Echter heb ik hier zo mijn twijfels over, ik zie namelijk het volgende:

Code (php)

1
2
3

// Holds the size of a single timestep in milliseconds, in this
// case we will perform around 60 steps per second.
this.stepSize = 60 / 1;

De naam en omschrijving spreken elkaar nogal tegen. Houdt deze variabel het aantal steps per seconde of de lengte van 1 step in milliseconden?

Als tweede, deltaTime wordt berekend door de tijd van de vorige tick in microseconden, af te trekken van de huidige tijd in microseconden. deltaTime is dus het verschil in microseconden, maar even later wordt deze vergeleken met this.stepSize, waarvan de waarde ofwel wordt uitgedrukt in milliseconden of steps. Dit kun je toch niet met elkaar vergelijken?

Klopt het wat ik zeg, of zie ik dit verkeerd?

Gewijzigd op 09/09/2015 20:01:18 door Lord Gaga

Remco van der Velde

14/09/2015 13:53:17

Wellicht een idee om naar three.js te kijken, die schijnt aardig goed te zijn.

in je voorbeeld wat je doet:

je hebt time die DOMHighResTimeStamp is
je hebt een float stepsize, die 60/1 is waarin deze wellicht beter naar fps kan worden hernoemd.
en de accumulator krijgt als het goed is, de rest waarde van time (het niet gedeeld door this.stepsize gedeelte).

Randy vsf

14/09/2015 14:58:58

Waarom maak je niet gebruik van een bestaande game engine?
Er zijn er genoeg te vinden, en als je echt iets zelf wilt maken, kan je eens kijken hoe hun het aanpakken?

Forum berichten

Reacties

PHP scripts

PHP tutorials

Aanbevolen

Actief op PHPhulp

requestAnimationFrame

Lord Gaga

PHP hulp

Lord Gaga

Remco van der Velde

Randy vsf

Over PHPhulp

Support

Gesponsord

Extra's

Privacy