https://grybouilli.github.io/2026-09-07T00:00:00+02:00PhD Student in Computer Science · Inria de Lyon2026-09-07T00:00:00+02:002026-09-07T00:00:00+02:00Nicolas Grytag:grybouilli.github.io,2026-09-07:/extra/

<div id="container"> <div id="left"> <div id="controls"> Width: <input id="width" type="number" value="47" min="1"> Height: <input id="height" type="number" value="32" min="1"> <label> <input id="rgbMode" type="checkbox" checked> RGB </label> </div> <textarea id="data"> (255,0,0)(255,125,0)(255,255,0)(30,220,30)(0,70,200)(160,60,220) </textarea> </div> <div id="right"> <canvas id="canvas"></canvas> </div> </div> <script> const textarea = document.getElementById("data"); const widthBox = document.getElementById("width"); const heightBox = document.getElementById("height"); const rgbMode = document.getElementById("rgbMode"); const canvas = document.getElementById("canvas"); const ctx = canvas.getContext …</script>

<div id="container"> <div id="left"> <div id="controls"> Width: <input id="width" type="number" value="47" min="1"> Height: <input id="height" type="number" value="32" min="1"> <label> <input id="rgbMode" type="checkbox" checked> RGB </label> </div> <textarea id="data"> (255,0,0)(255,125,0)(255,255,0)(30,220,30)(0,70,200)(160,60,220) </textarea> </div> <div id="right"> <canvas id="canvas"></canvas> </div> </div> <script> const textarea = document.getElementById("data"); const widthBox = document.getElementById("width"); const heightBox = document.getElementById("height"); const rgbMode = document.getElementById("rgbMode"); const canvas = document.getElementById("canvas"); const ctx = canvas.getContext("2d"); function clamp(v) { return Math.max(0, Math.min(255, v | 0)); } function render() { const w = parseInt(widthBox.value); const h = parseInt(heightBox.value); if (!w || !h) return; let nums; if (rgbMode.checked) { // Matches "(r,g,b)", "(r, g, b)", etc. nums = []; const regex = /\(\s*(-?\d+)\s*,\s*(-?\d+)\s*,\s*(-?\d+)\s*\)/g; let m; while ((m = regex.exec(textarea.value)) !== null) { nums.push( clamp(Number(m[1])), clamp(Number(m[2])), clamp(Number(m[3])) ); } } else { nums = textarea.value .trim() .split(/\s+/) .filter(Boolean) .map(Number); } canvas.width = w; canvas.height = h; const img = ctx.createImageData(w, h); if (rgbMode.checked) { const pixels = Math.min(w * h, Math.floor(nums.length / 3)); for (let i = 0; i < pixels; i++) { img.data[4 * i + 0] = clamp(nums[3 * i + 0]); img.data[4 * i + 1] = clamp(nums[3 * i + 1]); img.data[4 * i + 2] = clamp(nums[3 * i + 2]); img.data[4 * i + 3] = 255; } } else { const pixels = Math.min(w * h, nums.length); for (let i = 0; i < pixels; i++) { const v = clamp(nums[i]); img.data[4 * i + 0] = v; img.data[4 * i + 1] = v; img.data[4 * i + 2] = v; img.data[4 * i + 3] = 255; } } ctx.putImageData(img, 0, 0); const scale = Math.max( 1, Math.floor( Math.min( (window.innerWidth * 0.55) / w, (window.innerHeight * 0.9) / h ) ) ); canvas.style.width = (w * scale) + "px"; canvas.style.height = (h * scale) + "px"; } textarea.addEventListener("input", render); widthBox.addEventListener("input", render); heightBox.addEventListener("input", render); rgbMode.addEventListener("change", render); window.addEventListener("resize", render); render(); </script> 2026-09-07T00:00:00+02:002026-09-07T00:00:00+02:00Nicolas Grytag:grybouilli.github.io,2026-09-07:/extra/

<div class="container"> <h1>Image ↔ XLSX Converter</h1> <!-- Conversion mode --> <div class="mode"> <label> <input type="radio" name="mode" value="toxlsx" checked> From image to XLSX </label> <label> <input type="radio" name="mode" value="toimage"> From XLSX to image </label> </div> <!-- Input --> <div class="file-row"> <input type="text" id="inputPath" placeholder="Input file..." readonly> <label class="file-button"> Browse... <input type="file" id="inputFile"> </label> </div> <!-- Output --> <div class="file-row"> <input type="text" id="outputPath" placeholder="Output file (optional)"> <button id="outputButton"> Choose output... </button> </div> <!-- Image output format --> <div class="format-row" id="imageFormatRow"> <label for="imageFormat"> Image format: </label> <select id="imageFormat"> <option value="png">PNG</option> <option value="jpeg">JPEG</option> </select> </div> <!-- Drop zone --> <div class="drop-zone" id="dropZone"> Drop an image or XLSX file here </div> <!-- Execute --> <button class="execute" id="execute"> Execute </button> <!-- Status --> <div class="status" id="status"></div> <!-- Preview --> <div class="preview" id="preview"> <h2>Preview</h2> <img id="previewImage" alt="Image preview"> </div> </div> <script> const inputFile = document.getElementById("inputFile"); const inputPath = document.getElementById("inputPath"); const outputPath = document.getElementById("outputPath"); const outputButton = document.getElementById("outputButton"); const executeButton = document …</script>

<div class="container"> <h1>Image ↔ XLSX Converter</h1> <!-- Conversion mode --> <div class="mode"> <label> <input type="radio" name="mode" value="toxlsx" checked> From image to XLSX </label> <label> <input type="radio" name="mode" value="toimage"> From XLSX to image </label> </div> <!-- Input --> <div class="file-row"> <input type="text" id="inputPath" placeholder="Input file..." readonly> <label class="file-button"> Browse... <input type="file" id="inputFile"> </label> </div> <!-- Output --> <div class="file-row"> <input type="text" id="outputPath" placeholder="Output file (optional)"> <button id="outputButton"> Choose output... </button> </div> <!-- Image output format --> <div class="format-row" id="imageFormatRow"> <label for="imageFormat"> Image format: </label> <select id="imageFormat"> <option value="png">PNG</option> <option value="jpeg">JPEG</option> </select> </div> <!-- Drop zone --> <div class="drop-zone" id="dropZone"> Drop an image or XLSX file here </div> <!-- Execute --> <button class="execute" id="execute"> Execute </button> <!-- Status --> <div class="status" id="status"></div> <!-- Preview --> <div class="preview" id="preview"> <h2>Preview</h2> <img id="previewImage" alt="Image preview"> </div> </div> <script> const inputFile = document.getElementById("inputFile"); const inputPath = document.getElementById("inputPath"); const outputPath = document.getElementById("outputPath"); const outputButton = document.getElementById("outputButton"); const executeButton = document.getElementById("execute"); const dropZone = document.getElementById("dropZone"); const imageFormatRow = document.getElementById("imageFormatRow"); const imageFormat = document.getElementById("imageFormat"); const status = document.getElementById("status"); const preview = document.getElementById("preview"); const previewImage = document.getElementById("previewImage"); let selectedFile = null; /* ------------------------------------------------- * Utilities * ------------------------------------------------- */ function getMode() { return document.querySelector( 'input[name="mode"]:checked' ).value; } function getExtension(filename) { const parts = filename.split("."); if (parts.length < 2) { return ""; } return parts[parts.length - 1].toLowerCase(); } function getBaseName(filename) { const lastDot = filename.lastIndexOf("."); if (lastDot === -1) { return filename; } return filename.substring(0, lastDot); } function setStatus(message, type) { status.textContent = message; status.className = "status " + type; } function clearStatus() { status.textContent = ""; status.className = "status"; } /* ------------------------------------------------- * Mode switching * ------------------------------------------------- */ document.querySelectorAll( 'input[name="mode"]' ).forEach(radio => { radio.addEventListener("change", () => { const mode = getMode(); imageFormatRow.style.display = mode === "toimage" ? "flex" : "none"; updateDefaultOutput(); }); }); /* ------------------------------------------------- * Input file * ------------------------------------------------- */ inputFile.addEventListener("change", () => { if (!inputFile.files.length) { return; } setInputFile(inputFile.files[0]); }); function setInputFile(file) { selectedFile = file; inputPath.value = file.name; updateDefaultOutput(); clearStatus(); /* * Preview image input. */ if (getMode() === "toxlsx") { const extension = getExtension(file.name); if ( extension === "png" || extension === "jpg" || extension === "jpeg" ) { const url = URL.createObjectURL(file); previewImage.src = url; preview.style.display = "block"; } } } /* ------------------------------------------------- * Default output name * ------------------------------------------------- */ function updateDefaultOutput() { if (!selectedFile) { return; } const mode = getMode(); const base = getBaseName(selectedFile.name); if (mode === "toxlsx") { outputPath.value = base + ".xlsx"; } else { const format = imageFormat.value; outputPath.value = base + "." + format; } } imageFormat.addEventListener( "change", updateDefaultOutput ); /* ------------------------------------------------- * Output file picker * * Browsers cannot normally choose an arbitrary * output filename using a standard file dialog. * * We therefore use the browser download mechanism. * The text field still allows the desired filename. * ------------------------------------------------- */ outputButton.addEventListener("click", () => { outputPath.focus(); outputPath.select(); }); /* ------------------------------------------------- * Drag & drop * ------------------------------------------------- */ dropZone.addEventListener("dragover", event => { event.preventDefault(); dropZone.classList.add("dragover"); }); dropZone.addEventListener("dragleave", () => { dropZone.classList.remove("dragover"); }); dropZone.addEventListener("drop", event => { event.preventDefault(); dropZone.classList.remove("dragover"); const files = event.dataTransfer.files; if (!files.length) { return; } setInputFile(files[0]); }); /* ------------------------------------------------- * Image -> XLSX * ------------------------------------------------- */ async function imageToXlsx(file, filename) { const bitmap = await createImageBitmap(file); const canvas = document.createElement("canvas"); canvas.width = bitmap.width; canvas.height = bitmap.height; const ctx = canvas.getContext("2d", { willReadFrequently: true }); ctx.drawImage(bitmap, 0, 0); const imageData = ctx.getImageData( 0, 0, bitmap.width, bitmap.height ); const pixels = imageData.data; const workbook = XLSX.utils.book_new(); const channels = { red: [], green: [], blue: [] }; /* * Construct one row per image row. * * pixels layout: * * R G B A R G B A ... */ for (let y = 0; y < bitmap.height; y++) { const redRow = []; const greenRow = []; const blueRow = []; for (let x = 0; x < bitmap.width; x++) { const index = (y * bitmap.width + x) * 4; redRow.push(pixels[index]); greenRow.push(pixels[index + 1]); blueRow.push(pixels[index + 2]); } channels.red.push(redRow); channels.green.push(greenRow); channels.blue.push(blueRow); } /* * Create the three worksheets. */ for (const [name, data] of Object.entries(channels)) { const worksheet = XLSX.utils.aoa_to_sheet(data); XLSX.utils.book_append_sheet( workbook, worksheet, name ); } /* * Download XLSX. */ XLSX.writeFile( workbook, filename || "image.xlsx" ); } /* ------------------------------------------------- * XLSX -> Image * ------------------------------------------------- */ async function xlsxToImage(file, filename) { const arrayBuffer = await file.arrayBuffer(); const workbook = XLSX.read( arrayBuffer, { type: "array" } ); const requiredSheets = [ "red", "green", "blue" ]; /* * Check sheets. */ for (const sheet of requiredSheets) { if (!workbook.SheetNames.includes(sheet)) { throw new Error( `Missing worksheet "${sheet}"` ); } } /* * Convert worksheets into arrays. */ const channels = {}; for (const sheetName of requiredSheets) { const worksheet = workbook.Sheets[sheetName]; channels[sheetName] = XLSX.utils.sheet_to_json( worksheet, { header: 1, defval: 0, raw: true } ); } const red = channels.red; const green = channels.green; const blue = channels.blue; /* * Determine image dimensions. */ const height = red.length; if (height === 0) { throw new Error( "The red worksheet is empty." ); } const width = red[0].length; if (width === 0) { throw new Error( "The red worksheet is empty." ); } /* * Check dimensions. */ if ( green.length !== height || blue.length !== height ) { throw new Error( "Channel sheets have different dimensions." ); } for (let y = 0; y < height; y++) { if ( green[y].length !== width || blue[y].length !== width ) { throw new Error( "Channel sheets have different dimensions." ); } } /* * Build RGBA pixel buffer. */ const pixels = new Uint8ClampedArray( width * height * 4 ); for (let y = 0; y < height; y++) { for (let x = 0; x < width; x++) { const index = (y * width + x) * 4; pixels[index] = clampByte(red[y][x]); pixels[index + 1] = clampByte(green[y][x]); pixels[index + 2] = clampByte(blue[y][x]); pixels[index + 3] = 255; } } /* * Put pixels into Canvas. */ const canvas = document.createElement("canvas"); canvas.width = width; canvas.height = height; const ctx = canvas.getContext("2d"); const imageData = new ImageData( pixels, width, height ); ctx.putImageData( imageData, 0, 0 ); /* * Show preview. */ const mime = imageFormat.value === "jpeg" ? "image/jpeg" : "image/png"; const quality = imageFormat.value === "jpeg" ? 0.95 : undefined; const dataUrl = canvas.toDataURL( mime, quality ); previewImage.src = dataUrl; preview.style.display = "block"; /* * Download. */ const extension = imageFormat.value; const finalFilename = filename || `image.${extension}`; downloadDataUrl( dataUrl, finalFilename ); } function clampByte(value) { value = Number(value); if (!Number.isFinite(value)) { return 0; } return Math.max( 0, Math.min( 255, Math.round(value) ) ); } /* ------------------------------------------------- * Download helper * ------------------------------------------------- */ function downloadDataUrl(dataUrl, filename) { const link = document.createElement("a"); link.href = dataUrl; link.download = filename; document.body.appendChild(link); link.click(); link.remove(); } /* ------------------------------------------------- * Execute * ------------------------------------------------- */ executeButton.addEventListener( "click", async () => { clearStatus(); try { if (!selectedFile) { throw new Error( "No input file selected." ); } const mode = getMode(); let output = outputPath.value.trim(); if (!output) { const base = getBaseName( selectedFile.name ); if (mode === "toxlsx") { output = base + ".xlsx"; } else { output = base + "." + imageFormat.value; } } /* * Validate image -> XLSX. */ if (mode === "toxlsx") { const extension = getExtension( selectedFile.name ); if ( ![ "jpg", "jpeg", "png" ].includes(extension) ) { throw new Error( "Unsupported image format. " + "Supported formats are: jpg, jpeg, png" ); } if ( getExtension(output) !== "xlsx" ) { throw new Error( "Output path is not a spreadsheet." ); } setStatus( "Converting image to XLSX...", "processing" ); await imageToXlsx( selectedFile, output ); } /* * Validate XLSX -> image. */ else { if ( getExtension( selectedFile.name ) !== "xlsx" ) { throw new Error( "Input file is not a spreadsheet." ); } const outputExtension = getExtension(output); if ( ![ "png", "jpg", "jpeg" ].includes(outputExtension) ) { throw new Error( "Output must be an image." ); } setStatus( "Converting XLSX to image...", "processing" ); await xlsxToImage( selectedFile, output ); } setStatus( `Saved "${output}"`, "success" ); } catch (error) { console.error(error); setStatus( error.message, "error" ); } } ); /* ------------------------------------------------- * Initial state * ------------------------------------------------- */ imageFormatRow.style.display = "none"; </script> 2026-09-07T00:00:00+02:002026-09-07T00:00:00+02:00Nicolas Grytag:grybouilli.github.io,2026-09-07:/introduction-to-programming.html

<h1>About</h1> <p>"Introduction to Programming" is a class I teach at the Université Jean Monnet de Saint-Étienne, to first year Master students in the <a href="https://master-digicrea.univ-st-etienne.fr/en/index.html">Digicrea Master</a> and the <a href="https://www.univ-st-etienne.fr/fr/formation/master-XB/master-XB/master-arts-parcours-creation-contemporaine-et-nouvelles-technologies-option-realisateur-en-informatique-musicale-option-arts-numeriques-KX4SMCQZ.html">RIM Master</a>. The students primarily come from an artistic background and have supposedly no knowledge in computing, and very light background in mathematics …</p>

<h1>About</h1> <p>"Introduction to Programming" is a class I teach at the Université Jean Monnet de Saint-Étienne, to first year Master students in the <a href="https://master-digicrea.univ-st-etienne.fr/en/index.html">Digicrea Master</a> and the <a href="https://www.univ-st-etienne.fr/fr/formation/master-XB/master-XB/master-arts-parcours-creation-contemporaine-et-nouvelles-technologies-option-realisateur-en-informatique-musicale-option-arts-numeriques-KX4SMCQZ.html">RIM Master</a>. The students primarily come from an artistic background and have supposedly no knowledge in computing, and very light background in mathematics.</p> <p>The class aims to introduce the foundation of programming by learning the basics of C++. The class tackles notions of variables, types and scope, boolean operations and logic, conditional statements and loops, functions, as well as data structure such as matrices, arrays and vectors. A part of the class focuses on developers' tools such as compilation with clang, library linking, and build system with cmake as an example. Scripting languages are lightly covered, with Javascript as an example.</p> <p>The practise examples and assignment revolve around image processing and audio / music, so as to make a direct link with the rest of their curriculum.</p> <h1>Course content</h1> <h2>Lectures</h2> <table> <thead> <tr> <th>Slides</th> <th>Exercises</th> <th>Assignment</th> </tr> </thead> <tbody> <tr> <td><a href="https://grybouilli.github.io/courses/intro_to_programming/l1/main.pdf">Lecture 1</a></td> <td><a href="https://grybouilli.github.io/courses/intro_to_programming/p1/1_about_variables.pdf">Sheet 1</a> <a href="https://grybouilli.github.io/courses/intro_to_programming/p1/2_booleans.pdf">Sheet 2</a> <a href="https://grybouilli.github.io/courses/intro_to_programming/p1/3_cond_statements.pdf">Sheet 3</a> <a href="https://grybouilli.github.io/courses/intro_to_programming/p1/4_switch_enum.pdf">Sheet 4</a> <a href="https://grybouilli.github.io/courses/intro_to_programming/p1/5_loops.pdf">Sheet 5</a></td> <td><a href="https://grybouilli.github.io/courses/intro_to_programming/a1/assignment.pdf">Assignment 1</a></td> </tr> <tr> <td><a href="https://grybouilli.github.io/courses/intro_to_programming/l2/main.pdf">Lecture 2</a></td> <td><a href="https://grybouilli.github.io/courses/intro_to_programming/p2/1_functions.pdf">Sheet 1</a> <a href="https://grybouilli.github.io/courses/intro_to_programming/p2/2_main_global_and_local.pdf">Sheet 2</a></td> <td><a href="https://grybouilli.github.io/courses/intro_to_programming/a2/assignment.pdf">Assignment 2</a></td> </tr> <tr> <td><a href="https://grybouilli.github.io/courses/intro_to_programming/l3/main.pdf">Lecture 3</a></td> <td><a href="https://grybouilli.github.io/courses/intro_to_programming/p3/1_matrices.pdf">Sheet 1</a></td> <td><a href="https://grybouilli.github.io/courses/intro_to_programming/a3/assignment.pdf">Assignment 3</a></td> </tr> <tr> <td><a href="https://grybouilli.github.io/courses/intro_to_programming/l4/main.pdf">Lecture 4</a></td> <td><a href="https://grybouilli.github.io/courses/intro_to_programming/p4/1_exercises.pdf">Sheet 1</a></td> <td><a href="https://grybouilli.github.io/courses/intro_to_programming/a4/assignment.pdf">Assignment 4</a></td> </tr> <tr> <td><a href="https://grybouilli.github.io/courses/intro_to_programming/l5/main.pdf">Lecture 5</a></td> <td><a href="https://grybouilli.github.io/courses/intro_to_programming/p5/1_pointers.pdf">Sheet 1</a> <a href="https://grybouilli.github.io/courses/intro_to_programming/p5/2_stl_iterators.pdf">Sheet 2</a> <a href="https://grybouilli.github.io/courses/intro_to_programming/p5/3_txtfiles.pdf">Sheet 3</a> <a href="https://grybouilli.github.io/courses/intro_to_programming/p5/4_audio_files.pdf">Sheet 4</a></td> <td><a href="https://grybouilli.github.io/courses/intro_to_programming/a5/assignment.pdf">Assignment 5</a></td> </tr> <tr> <td><a href="https://grybouilli.github.io/courses/intro_to_programming/l6/main.pdf">Lecture 6</a></td> <td><a href="https://grybouilli.github.io/courses/intro_to_programming/p6/1_classes.pdf">Sheet 1</a> <a href="https://grybouilli.github.io/courses/intro_to_programming/p6/2_generic_functions.pdf">Sheet 2</a></td> <td><a href="https://grybouilli.github.io/courses/intro_to_programming/a6/assignment.pdf">Assignment 6</a></td> </tr> </tbody> </table> <h2>Extras</h2> <h4>Exercises resources</h4> <table> <thead> <tr> <th>Practise</th> <th>Problem</th> <th>Resource</th> </tr> </thead> <tbody> <tr> <td>Practise 8</td> <td>Problem B.1</td> <td><a href="https://grybouilli.github.io/courses/intro_to_programming/p3/landscape.xlsx">landscape.xlsx</a></td> </tr> <tr> <td>Practise 9</td> <td>Problem 1.3</td> <td><a href="https://grybouilli.github.io/courses/intro_to_programming/p9/1.3.alice.zip">Archive</a></td> </tr> <tr> <td>Practise 9</td> <td>Problem 2.2</td> <td><a href="https://grybouilli.github.io/courses/intro_to_programming/p9/2.2.alice.zip">Archive</a></td> </tr> <tr> <td>Practise 9</td> <td>Problem 3.1</td> <td><a href="https://grybouilli.github.io/courses/intro_to_programming/p9/3.1.alice.zip">Archive</a></td> </tr> <tr> <td>Practise 9</td> <td>Problem 4.1</td> <td><a href="https://grybouilli.github.io/courses/intro_to_programming/p9/4.1.alice.zip">Archive</a></td> </tr> <tr> <td>Practise 13</td> <td>Whole sheet</td> <td><a href="https://grybouilli.github.io/courses/intro_to_programming/p5/practise13.zip">Archive</a></td> </tr> </tbody> </table> <p><br></p> <h4>Assignment resources</h4> <table> <thead> <tr> <th>Assignment</th> <th>Resource</th> </tr> </thead> <tbody> <tr> <td>Assignment 4: Exercise 1</td> <td><a href="https://grybouilli.github.io/courses/intro_to_programming/a4/windows/problem1.zip">Windows</a> <a href="https://grybouilli.github.io/courses/intro_to_programming/a4/macos/problem1.zip">MacOS</a> <a href="https://grybouilli.github.io/courses/intro_to_programming/a4/macos/problem1.zip">Linux</a></td> </tr> <tr> <td>Assignment 4: Exercise 2</td> <td><a href="https://grybouilli.github.io/courses/intro_to_programming/a4/windows/problem2.zip">Windows</a> <a href="https://grybouilli.github.io/courses/intro_to_programming/a4/macos/problem2.zip">MacOS</a> <a href="https://grybouilli.github.io/courses/intro_to_programming/a4/macos/problem2.zip">Linux</a></td> </tr> <tr> <td>Assignment 5</td> <td><a href="https://grybouilli.github.io/courses/intro_to_programming/a5/assignment5.zip">Resource</a></td> </tr> </tbody> </table> <p><br></p> <h4>Documentation</h4> <ul> <li><a href="https://grybouilli.github.io/courses/intro_to_programming/windows_build_tools_installation_steps.pdf">Guide to install CLang and CMake on Windows</a></li> </ul> <h4>Programs</h4> <ul> <li><a href="https://grybouilli.github.io/extra/image_exporter.html">image_exporter</a>: a web interface to convert image files to .xlsx files and back.</li> <li><a href="https://grybouilli.github.io/extra/img_visualizer.html">img_visualizer</a>: a web interface to visualize images from their pixel values. B/W and RGB mode available.</li> </ul>2024-08-30T00:00:00+02:002024-08-30T00:00:00+02:00Nicolas Grytag:grybouilli.github.io,2024-08-30:/multi-voice-sound-synthesis-with-arduino.html

<p>This is a personal project. The idea was to explore Direct Digital Synthesis (DDS) using the Atmega 328p's timers and interrupts. A full explanation article is avaible on <a href="https://medium.com/@grybouilli/multi-voice-sound-generation-with-arduino-9ae01ed0e441">Medium</a> and the source code is available on <a href="https://github.com/grybouilli/multi-voice-for-Arduino">Github</a>.</p> <p>The end result is the ability to produce multi-voice sounds on an Arduino …</p>

<p>This is a personal project. The idea was to explore Direct Digital Synthesis (DDS) using the Atmega 328p's timers and interrupts. A full explanation article is avaible on <a href="https://medium.com/@grybouilli/multi-voice-sound-generation-with-arduino-9ae01ed0e441">Medium</a> and the source code is available on <a href="https://github.com/grybouilli/multi-voice-for-Arduino">Github</a>.</p> <p>The end result is the ability to produce multi-voice sounds on an Arduino pin. Each voice can have its own signal shape. The repo contains a demo with the Super Mario theme.</p>2023-12-31T00:00:00+01:002023-12-31T00:00:00+01:00Nicolas Grytag:grybouilli.github.io,2023-12-31:/spinning-display-pov.html

<h2>An implementation for a Persistence of Vision effect on the Atmega 328p.</h2> <p><br> This is a scholar project. Three main goals were set : to display an analog clock, to display images and to display a digital clock. More details about the expectations <a href="https://gregwar.com/embedded_system/project.html">here</a>.</p> <table> <tr> <th> </th> <th> </th> </tr> <tr> <td style="padding-right: 20px;"> <img src="/images/pov_spinning_demo.gif" width=400px> </td> <td> Our team of three managed to implement all …</td></tr></table>

<h2>An implementation for a Persistence of Vision effect on the Atmega 328p.</h2> <p><br> This is a scholar project. Three main goals were set : to display an analog clock, to display images and to display a digital clock. More details about the expectations <a href="https://gregwar.com/embedded_system/project.html">here</a>.</p> <table> <tr> <th> </th> <th> </th> </tr> <tr> <td style="padding-right: 20px;"> <img src="/images/pov_spinning_demo.gif" width=400px> </td> <td> Our team of three managed to implement all three solutions. For image display, the images bytes are sent using bluetooth. For the digital clock, the image display solution cna be used, or, one can flash a program with hard coded digits images. The repo to the project can be found <a href="https://github.com/grybouilli/spinning-display"> here </a> </td> </tr> </table>2023-08-31T00:00:00+02:002023-08-31T00:00:00+02:00Nicolas Grytag:grybouilli.github.io,2023-08-31:/vae-synth-for-ossia-score.html

<h2>A Pytorch based Variational Auto-Encoder for Ossia Score.</h2> <h3>Context</h3> <p>This work was conducted during my 2023 Summer Internship at Chalmers University, under the supervision of Kivanç Tatar. The goal was to generate sound using ML Pytorch models in a DAW or intermedia sequencer such as Ossia Score. Initially, I figured …</p>

<h2>A Pytorch based Variational Auto-Encoder for Ossia Score.</h2> <h3>Context</h3> <p>This work was conducted during my 2023 Summer Internship at Chalmers University, under the supervision of Kivanç Tatar. The goal was to generate sound using ML Pytorch models in a DAW or intermedia sequencer such as Ossia Score. Initially, I figured I´d try to run some python code inside PureData which would in turn be embedded inside Ossia Score. Stepping forward, I ended up developping an addon-on for Ossiam Score to use Pytorch VAEs to produce sound in real-time.</p> <h3>Conducted work</h3> <p>I developed an object which allows running Python code in two steps: the loading part and the running part. The heavy and loading work should be done in the loading part and the sound synthesis should be put in the running part. This solution isn't Pytorch specific, it rather allows the user to use Python code to generate sound.</p> <p>To make it more accessible, I created a Docker image: you can find guidelines on how to use it <a href="https://github.com/grybouilli/docker-for-ossia/tree/master">here</a></p> <p><img alt="" src="/images/vae_synth_demo.gif"></p> <p>The repo to the ossia-score addon can be found <a href="https://github.com/grybouilli/VAE_Synth/">here</a></p>2023-05-30T00:00:00+02:002023-05-30T00:00:00+02:00Nicolas Grytag:grybouilli.github.io,2023-05-30:/aquarium-network.html

<h2>Let's go fishing</h2> <p>This is a scholar project. The goal was to implement the foundations for connected virtual aquariums. The idea is that there is an aquarium, handled by the TCP/IP server, and clients can connect to the server to get views on parts of the aquarium. When using …</p>

<h2>Let's go fishing</h2> <p>This is a scholar project. The goal was to implement the foundations for connected virtual aquariums. The idea is that there is an aquarium, handled by the TCP/IP server, and clients can connect to the server to get views on parts of the aquarium. When using several computers, one can put the monitors side by side and observe the fishes swim from one screen to the other ! The project is implemented using C/C++. Click on the image below to go to the repo of the code.</p> <p align="center"> <a href="https://github.com/grybouilli/AquariumNetwork"> <img src="/images/demo_aquarium.gif"/> </a> </p>2010-12-03T10:20:00+01:002010-12-03T10:20:00+01:00Nicolas Grytag:grybouilli.github.io,2010-12-03:/no-published-work-yet.html<p>This a placeholder so that this webpage exists. As of today, I haven't published any work yet. Hopefully, this page will fill up soon !</p>