I have recently been working on small example application using three.js and react-three-fiber. In the first two iterations, I first developed a simple draggable shape floating in space and then supported multiple shapes that can be moved on a physical plane. In this post, I am going to be extending the example to support camera … Continue reading Camera Movement with Three.js
Create and Drag Shapes with Three.js, React and Cannon.js
Following up from my article published a few days ago, I have now extended and improved the simple WebGL application that I originally developed using Three.js and react-three-fiber. Version 1 of the application allowed dragging a simple shape around on the screen: App: https://react-three-fiber-draggable.surge.sh/ Source Code: https://github.com/mxro/threejs-test/tree/master/test1 Version 2 combines this basic premise with the … Continue reading Create and Drag Shapes with Three.js, React and Cannon.js
Creating a Draggable Shape with React Three Fiber
I recently became interested how to render 3D graphics in the browser. I think WebGL is an extremely powerful technology and may one day become an important way of rendering content on the web. There are various frameworks and tools available to use WebGL such as Babylon.js and three.js. To me, three.js looks the most … Continue reading Creating a Draggable Shape with React Three Fiber
Medooze Media Server Demo
I've recently done some research into WebRTC and specifically on how to stream media captured in the browser to a server. Initially I thought I could use something like Kinesis Video Streams and have AWS do the heavy lifting for me. Unfortunately this turned out way more complicated than I had anticipated so I started … Continue reading Medooze Media Server Demo
Advantages of Using React Hooks
I always had the feeling that React is just a bit to complex, a bit to 'heavy' to be a truely elegant solution to the problem of building complex user interfaces in JavaScript. Two issues, for instance, are the general project setup, exemplified by the need to have create-react-app, and class-based components, with all their … Continue reading Advantages of Using React Hooks
Deploy Java Lambda using SAM and Buildkite
I've recently covered how to deploy a Node JS based Lambda using SAM and Buildkite. I would say that this should cover most use cases, since I believe a majority of AWS Lambdas are implemented with JavaScript. However, Lambda supports many more programming languages than just JavaScript and one of the more important ones among … Continue reading Deploy Java Lambda using SAM and Buildkite
Deploy Lambda using SAM and Buildkite
One of the many good things about Lambdas on AWS is that they are quite easy to deploy. Simply speaking, all that one requires is a zip file of an application that then can be uploaded using an API call. Things unfortunately quickly become more complicated, especially if the Lambda depends on other resources on … Continue reading Deploy Lambda using SAM and Buildkite
Setting up Continuous Deployment with Lerna and Buildkite
Buildkite is a great tool for running multi-step build and deployment pipelines. Lerna is a tool for managing multiple JavaScript packages within one git repository. Given that both Lerna and Buildkite are quite popular, it is surprising how difficult it is to set up a basic build and deployment with these tools. It is very … Continue reading Setting up Continuous Deployment with Lerna and Buildkite
A gentle introduction to vim
vim is a great tool for editing any form of text, be it a blog post, text or programming code. Unfortunately there is a bit of a learning curve when first getting started with vim. In this article I want to provide an overview of some of the key features of vim and how to … Continue reading A gentle introduction to vim
The Production-Grade Infrastructure Checklist
Sometimes it feels that it takes more time setting up the infrastructure of an application that actually writing the application code. The following infographic from gruntwork nicely illustrates this by showing the breath of tasks one needs to undertake to get a production-grade infrastructure running:
