Timo Ernst https://www.timo-ernst.net/ Developer • YouTuber • Blogger Thu, 10 Mar 2022 17:07:12 +0000 en-US hourly 1 https://wordpress.org/?v=6.9.4 https://www.timo-ernst.net/wp-content/uploads/2021/03/cropped-Timo-Ernst-Small-32x32.jpg Timo Ernst https://www.timo-ernst.net/ 32 32 JavaScript RPG Game Development | Episode 4: Music and Sound Effects https://www.timo-ernst.net/blog/2022/03/10/javascript-rpg-game-development-episode-4-music-and-sound-effects/ https://www.timo-ernst.net/blog/2022/03/10/javascript-rpg-game-development-episode-4-music-and-sound-effects/#respond Thu, 10 Mar 2022 17:07:10 +0000 https://www.timo-ernst.net/?p=4599 In this new episode we’ll add music and sound effects to our JRPG game. If you’re new to this series, make sure to check out episode 1 first: https://youtu.be/W4SVdtY6wZs Source code available here: https://github.com/valnub/jrpg

The post JavaScript RPG Game Development | Episode 4: Music and Sound Effects appeared first on Timo Ernst.

Related posts:

  1. JavaScript RPG Game Development | Episode 3: NPCs and Dialogs
  2. JavaScript RPG Game Development | Episode 2: Map- and Character Creation
  3. JavaScript RPG Game Development | Episode 1: Getting Started With rpg.js
]]> https://www.timo-ernst.net/blog/2022/03/10/javascript-rpg-game-development-episode-4-music-and-sound-effects/feed/ 0 How to Enable Autoplay for SwiperJS React https://www.timo-ernst.net/blog/2022/02/06/how-to-turn-on-autoplay-for-swiper-react-enable-javascript-carousel-tutorial/ https://www.timo-ernst.net/blog/2022/02/06/how-to-turn-on-autoplay-for-swiper-react-enable-javascript-carousel-tutorial/#respond Sat, 05 Feb 2022 23:38:36 +0000 https://www.timo-ernst.net/?p=4590 I’m often asked how to activate the autoplay feature in Swiper React carousel galleries, so I made a quick 5 minute tutorial video about it: Turn on autoplay for Swiper React video Was this video helpful? If so, why not subscribe to my YouTube channel so you don’t miss on the next tutorial video :-) […]

The post How to Enable Autoplay for SwiperJS React appeared first on Timo Ernst.

Related posts:

  1. SwiperJS React Video Tutorial | 2020
  2. How to Set Responsive Breakpoints in Swiper React
  3. Arrows in React Swiper Js: How to Customize Prev/Next Button
]]> https://www.timo-ernst.net/blog/2022/02/06/how-to-turn-on-autoplay-for-swiper-react-enable-javascript-carousel-tutorial/feed/ 0 JavaScript RPG Game Development | Episode 3: NPCs and Dialogs https://www.timo-ernst.net/blog/2022/01/30/lets-code-a-final-fantasy-style-browser-game-with-rpg-js-add-npcs-dialogs-and-events-episode-3/ https://www.timo-ernst.net/blog/2022/01/30/lets-code-a-final-fantasy-style-browser-game-with-rpg-js-add-npcs-dialogs-and-events-episode-3/#respond Sun, 30 Jan 2022 09:20:33 +0000 https://www.timo-ernst.net/?p=4587 Moving on to episode 3 we add our first NPC the main character can talk to. If you’re new to this series, make sure to check out episode 1 first: https://youtu.be/W4SVdtY6wZs Question for you: Have you started creating your own RPG yet? How’s the progress? Let me know in the comments section! :-) GitHub Repohttp://github.com/valnub/jrpg […]

The post JavaScript RPG Game Development | Episode 3: NPCs and Dialogs appeared first on Timo Ernst.

Related posts:

  1. JavaScript RPG Game Development | Episode 2: Map- and Character Creation
  2. JavaScript RPG Game Development | Episode 1: Getting Started With rpg.js
  3. Build the Snake Game for Browsers with HTML and JavaScript Tutorial
]]> https://www.timo-ernst.net/blog/2022/01/30/lets-code-a-final-fantasy-style-browser-game-with-rpg-js-add-npcs-dialogs-and-events-episode-3/feed/ 0 JavaScript RPG Game Development | Episode 2: Map- and Character Creation https://www.timo-ernst.net/blog/2022/01/09/lets-code-a-final-fantasy-style-browser-game-with-rpg-js-map-and-character-creation-episode-2/ https://www.timo-ernst.net/blog/2022/01/09/lets-code-a-final-fantasy-style-browser-game-with-rpg-js-map-and-character-creation-episode-2/#respond Sat, 08 Jan 2022 23:39:10 +0000 https://www.timo-ernst.net/?p=4579 In this 2nd episode of our series I finally manage to create a custom spritesheet for building the map and characters of our game. I struggled quite a lot as the documentation of rpg.js is not the best and some important information is lacking. So, if you’re also running into problems getting your spritesheet into […]

The post JavaScript RPG Game Development | Episode 2: Map- and Character Creation appeared first on Timo Ernst.

Related posts:

  1. JavaScript RPG Game Development | Episode 3: NPCs and Dialogs
  2. JavaScript RPG Game Development | Episode 1: Getting Started With rpg.js
  3. Build the Snake Game for Browsers with HTML and JavaScript Tutorial
]]> https://www.timo-ernst.net/blog/2022/01/09/lets-code-a-final-fantasy-style-browser-game-with-rpg-js-map-and-character-creation-episode-2/feed/ 0 JavaScript RPG Game Development | Episode 1: Getting Started With rpg.js https://www.timo-ernst.net/blog/2022/01/03/lets-build-a-final-fantasy-style-browser-game-with-rpg-js-episode-1/ https://www.timo-ernst.net/blog/2022/01/03/lets-build-a-final-fantasy-style-browser-game-with-rpg-js-episode-1/#comments Mon, 03 Jan 2022 11:33:12 +0000 https://www.timo-ernst.net/?p=4574 In my childhood I loved playing games like Final Fantasy or Shining Force for Playstation and Sega Genesis which are so called JRPGs (Japanese Role Playing Games). By today’s standards they can easily be called retro as their graphics do not hold up when compared to current-gen consoles. However, I still believe that these games […]

The post JavaScript RPG Game Development | Episode 1: Getting Started With rpg.js appeared first on Timo Ernst.

Related posts:

  1. JavaScript RPG Game Development | Episode 2: Map- and Character Creation
  2. JavaScript RPG Game Development | Episode 3: NPCs and Dialogs
  3. Build the Snake Game for Browsers with HTML and JavaScript Tutorial
]]> https://www.timo-ernst.net/blog/2022/01/03/lets-build-a-final-fantasy-style-browser-game-with-rpg-js-episode-1/feed/ 2 Create AppleTV UI Animation with AtroposJS | HTML CSS JavaScript Tutorial https://www.timo-ernst.net/blog/2021/12/19/create-appletv-ui-animation-with-atroposjs-html-css-javascript-tutorial/ https://www.timo-ernst.net/blog/2021/12/19/create-appletv-ui-animation-with-atroposjs-html-css-javascript-tutorial/#respond Sun, 19 Dec 2021 18:09:51 +0000 https://www.timo-ernst.net/?p=4568 In this AtroposJS video I will explain how to create a super cool 3D animation effect that you get when using your AppleTV while hovering over a movie poster image. AtroposJS Tutorial Video Check out the video below to watch the tutorial! Source code available on GitHub: https://github.com/valnub/atropos-demo AtroposJS Documentation: https://atroposjs.com/docs

The post Create AppleTV UI Animation with AtroposJS | HTML CSS JavaScript Tutorial appeared first on Timo Ernst.

Related posts:

  1. Parallax Beginner Tutorial: A Cool 3D Effect With HTML, CSS, JavaScript
  2. Build the Snake Game for Browsers with HTML and JavaScript Tutorial
  3. Particle animation with HTML5 Canvas and JavaScript Tutorial
]]> https://www.timo-ernst.net/blog/2021/12/19/create-appletv-ui-animation-with-atroposjs-html-css-javascript-tutorial/feed/ 0 Parallax Beginner Tutorial: A Cool 3D Effect With HTML, CSS, JavaScript https://www.timo-ernst.net/blog/2021/05/05/parallax-beginner-tutorial-a-cool-3d-effect-with-html-css-javascript/ https://www.timo-ernst.net/blog/2021/05/05/parallax-beginner-tutorial-a-cool-3d-effect-with-html-css-javascript/#respond Wed, 05 May 2021 18:11:17 +0000 https://www.timo-ernst.net/?p=4546 I found this great Photoshop tutorial by Dev Ed which inspired me to create my own implementation of a parallax effect based on his video in order to create more depth to websites and hey – a bit of eye candy never hearts, right? :-) So, here is my implementation below. As you can see […]

The post Parallax Beginner Tutorial: A Cool 3D Effect With HTML, CSS, JavaScript appeared first on Timo Ernst.

Related posts:

  1. Build the Snake Game for Browsers with HTML and JavaScript Tutorial
  2. SwiperJS React Video Tutorial | 2020
  3. Tutorial: Create a Twitter app with Vue.js, Framework7 and PhoneGap
]]> https://www.timo-ernst.net/blog/2021/05/05/parallax-beginner-tutorial-a-cool-3d-effect-with-html-css-javascript/feed/ 0 How to Deploy a Framework7 App to AWS via CI/CD https://www.timo-ernst.net/blog/2021/03/31/how-to-deploy-a-framework7-app-to-aws-via-ci-cd/ https://www.timo-ernst.net/blog/2021/03/31/how-to-deploy-a-framework7-app-to-aws-via-ci-cd/#respond Wed, 31 Mar 2021 16:25:47 +0000 https://www.timo-ernst.net/?p=4509 In this tutorial I will explain the easiest way to create an automatic CI/CD pipeline in order to deploy a Framework7 app to AWS. The goal is to have your pipeline automatically build and deploy your project every time you commit a change to the main GitHub branch. In order for you to follow along […]

The post How to Deploy a Framework7 App to AWS via CI/CD appeared first on Timo Ernst.

Related posts:

  1. Deploy Framework7 apps to Android with PhoneGap/Cordova | Beginner Tutorial
  2. Framework7 template with TypeScript and AngularJS
  3. Tutorial: Create a Twitter app with Vue.js, Framework7 and PhoneGap
]]> https://www.timo-ernst.net/blog/2021/03/31/how-to-deploy-a-framework7-app-to-aws-via-ci-cd/feed/ 0 Is iPhone 12 Mini a Worthy Upgrade for iPhone 5/5s/SE? https://www.timo-ernst.net/blog/2020/11/25/testing-if-iphone-12-mini-is-a-worthy-upgrade-for-iphone-5-5s-se/ https://www.timo-ernst.net/blog/2020/11/25/testing-if-iphone-12-mini-is-a-worthy-upgrade-for-iphone-5-5s-se/#respond Wed, 25 Nov 2020 13:35:29 +0000 https://www.timo-ernst.net/?p=4489 For many years I have been a great fan of using the iPhone 5 form factor which was why I refused to upgrade to anything bigger. Now, with the recent iPhone 12 Mini release I finally upgraded to a new phone. In this video I’ll explain why and if it is a worthy successor to […]

The post Is iPhone 12 Mini a Worthy Upgrade for iPhone 5/5s/SE? appeared first on Timo Ernst.

Related posts:

  1. Can You Code On iPhone?
  2. Experiment: An iPhone app built with Framework7, TypeScript, and Angular 1.x
  3. 12 Changes in Framework7 V3 You Should Know
]]> https://www.timo-ernst.net/blog/2020/11/25/testing-if-iphone-12-mini-is-a-worthy-upgrade-for-iphone-5-5s-se/feed/ 0 Faster WordPress in 8 Steps https://www.timo-ernst.net/blog/2020/10/18/faster-wordpress-in-8-steps/ https://www.timo-ernst.net/blog/2020/10/18/faster-wordpress-in-8-steps/#comments Sun, 18 Oct 2020 19:57:15 +0000 https://www.timo-ernst.net/?p=4447 Just recently I was fed up with my WordPress based blog. I was using a pre-canned theme and overall felt like the whole thing was sluggish and confusing in terms of usability and general visual appearance. As I was always jealous about dev.to’s lightning fast loading speed I thought hey – why not turn this into […]

The post Faster WordPress in 8 Steps appeared first on Timo Ernst.

Related posts:

  1. WordPress 2.3 is draussen, Junge!
  2. Kritisches Sicherheitsupdate für WordPress 2.3.2
  3. How we became the 2nd fastest online retail shop in Germany
]]> https://www.timo-ernst.net/blog/2020/10/18/faster-wordpress-in-8-steps/feed/ 2