Collatz Visualizer

Collatz visualizer | Syracuse function with x=12

I was recently triggered by the Collatz conjecture – also known as the Syracuse conjecture. As I wanted to learn a few bunches of new web technologies (Bootstrap, Webpack, Chart.js), I decided to start a simple project on the Collatz theme in order to get a new experience.

The Collatz conjecture involving the Syracuse function is still an unproven mathematical problem. With my website, you can visualize the Syracuse function for a given initial number.

Browse collatzvisualizer.42borgata.com to try it.

Bootstrap / Webpack / Sass / Chart.js / Javascript / HTML / CSS

Read more…

Let’s try React!

Intro

After implementing the PHP backend working with the Angular front-end, I was curious about other front-end framework alternatives. I heard a lot about React and Vue, and I decided to choose React because of the low effort it seems to require to get quick results. I started to implement a simple page to display a joke slideshow, something close to the original Angular version, but with a slightly different style. The figure below shows a capture of the single page using React.

WIP React front-end | Joke slideshow

You can browse the page by following the link here, the source code is here. More info below.

Read more…

Jeu de mots v0.2 | an Angular 13/PHP 7 exercise

Introduction

My website www.relativementutile.fr/jeudemots has been updated. I decided to add a backend!

Before the update, jokes were stored in a monolithic JSON, they are now saved in a database. The JSON format is still used, but jokes are transmitted in pages. Page size is a parameter, it can be adjusted depending on the context. Sometimes we need 10 jokes (for a list) sometimes only one (home page).

An administrator can review jokes online and publish them, he can also maintain easily the website.

Angular 13 / PHP 7.4 / MySQL / phpMyAdmin / XAMPP

Read more…

Mageek – an ImageJ Java Plugin

Recently, I had the opportunity to collaborate with Marcela Garita Hernandez (Senior Research Fellow at Mass Eye and Ear, Harvard Medical School) on a small Java plugin for the software Fiji (known as ImageJ, a scientific image manipulation program). The object of this collaboration was to write a piece of code to read microscope images, to transform and to save them in batch (to process multiple files in background).

Fig. 1 – Capture of Mageek v1.2.1 graphical interface,.
On the left the scanned file extensions, in the center the actual files and on the right side the options to configure the process. A status line shows vital information at the bottom.

For information, Mageek works with several microscopes and more precisely with several microscope file formats. In Fig 1. you can see 3 extensions selected: *.lif images comes from Leica, the *.czi from Zeiss and the *.nd2 are from Nikon.

image
Fig. 2 – Montage of 4 channels processed from the same *.czi source file.
Here the user choose Magenta, Red, Green and Blue LUT.
Read more…

Nodable v0.8

Today I publish a first version of Nodable v0.8. This version comes with a lot of changes.

To start, a picture is better than words:

Fig. 1 – Nodable v0.8 – User edit a value from the graph, Nodable updates the code.

What’s new ?

We handle now multiple instructions and conditional structures. This new feature has been developed in order to figure out how to symbolize the code flow? and how to deal with execution?

We decided to add new nodes to symbolize instruction, code block and scopes. These nodes can be connected with green links to express next-previous relation type.

Fig 2 – Two instruction nodes liked in green to express next/previous relation.
Read more…

B-Rend3r – to understand 3d engines

B-Rend3r is written in C++. I’m using OpenGL and SDL2 to build a minimalist 3d application framework. The main goal of this project is to understand the core of 3d engines by implementing common classes like: Vec3, Mat44, Mesh Generator, Renderer, Transform, etc.

The video on the side shows a short demo, here the user is moving a red circle by using keyboard arrows. 

To give you some details, the Shape component generates the circle’s mesh when program starts, then the KeyboardController handle user inputs to generate a force to apply to the circle, the Physics component apply a smooth before to effectively move the circle using the Transform component (sets position/rotation/scale).

Read more…

Socrastination

site_v3

On Socrastination we practice the Socratic dialogue. Around various predefined themes, two participants confront each other by a verbal joust trying to convince each other. The players must also convince the referees, who are responsible for assigning a bonus or a penalty to each of their arguments.

This website is a final year project of DUT Informatique in special year realized in 2016 by Camille Chac, Maxime Ferrer, Clément Roig and myself. This project was tutored by Madalina Croitoru (Professor UM2 and member of the INRIA GraphIK research team at LIRMM).

Read more…

B-RENDER : Moteur de rendu CPU

Comparatif

L’image ci-dessus a été générée avec un script de ma création. Baptisé B-render, ce dernier utilise les fonctions de lancer de rayon fournies nativement par le moteur 3d ShiVa Engine. J’ai hacké (au sens « détourner de son usage premier ») ce moteur afin de lui permettre de générer des images de synthèse. La matrice de pixels produite est générée par mes scripts LUA (language interprété intégré à ShiVa). Read more…

1 2