Ryosuke whoisryosuke

👾

Going deep with game development

Sr. Design Technologist @ PlayStation

274 followers · 73 following

View GitHub Profile

Recently created

Least recently created

Recently updated

Least recently updated

whoisryosuke / tasks.json

Created October 18, 2022 06:08

C++ / CMake / VSCode - Tasks for building and testing (using ModernCppStarter). Swap out `GreeterTests` with your test file's name.

	{
	"version": "2.0.0",
	"tasks": [
	{
	"type": "shell",
	"label": "CMake: build",
	"command": "cmake --build build/standalone",
	"group": "build",
	"problemMatcher": [],
	"detail": "CMake build task"

whoisryosuke / cmake.bash

Last active October 17, 2022 08:07

C++ / CMake / Windows - Setup a new project for Visual Studio with a CMake file (see example here: https://github.com/SaschaWillems/Vulkan/blob/master/CMakeLists.txt or https://github.com/TheLartians/MiniCppStarter/blob/master/CMakeLists.txt)

	# VS 2019
	cmake -G "Visual Studio 16 2019" -A x64
	# VS 2022
	cmake -G "Visual Studio 17 2022" -A x64

whoisryosuke / export.js

Created September 27, 2022 05:52

NodeJS - Parse MD/MDX files and copy images to another folder (blog migration script) - run using `node export.js`

	const fs = require('fs')
	const path = require('path')

	// Loop through all years
	// Go into each folder

	// Get MDX file
	// Add template to frontmatter
	// layout: "@/layouts/BlogLayout.astro"

whoisryosuke / tasks.json

Last active August 19, 2022 07:18

Rust / VSCode - Tasks for Cargo Build and Check. CTRL + SHIFT + P, type Run Task, then select cargo run from list. This file goes in .vscode/tasks.json. @see: https://stackoverflow.com/questions/46885292/how-to-launch-a-rust-application-from-visual-studio-code

	{
	// See https://go.microsoft.com/fwlink/?LinkId=733558
	// for the documentation about the tasks.json format
	"version": "2.0.0",
	"tasks": [
	{
	"label": "cargo check",
	"type": "shell",
	"command": "~/.cargo/bin/cargo", // note: full path to the cargo
	"args": [

whoisryosuke / MultipleMaterials.tsx

Created August 1, 2022 21:19

R3F / ThreeJS - Multiple materials on each cube face. ThreeJS does not support stacking materials -- see instanced geometry + groups.

	import * as THREE from "three";
	import { MeshProps, useFrame } from "@react-three/fiber";
	import { Mesh } from "three";
	import { useRef } from "react";

	type MultiMaterialMeshProps = MeshProps & {};

	export default function MultiMaterialMesh({}: MultiMaterialMeshProps) {
	const geom = useRef<Mesh>();

whoisryosuke / CustomShaderWithUniforms.tsx

Created August 1, 2022 21:18

R3F / ThreeJS / Typescript - Custom shader types that support Uniform

	import * as THREE from "three";
	import { MeshProps, Object3DNode, useFrame } from "@react-three/fiber";
	import { GlassViewMaterial } from "./shaders/GlassViewShader";
	import { Mesh } from "three";
	import { useRef } from "react";

	// We extend Mesh and replace material with ShaderMaterial - which our custom shader is based off
	interface GlassViewMesh extends THREE.Mesh {
	material: THREE.ShaderMaterial;
	}

whoisryosuke / Example.tsx

Last active July 7, 2022 00:34

React - Frame/Game loop using requestAnimationFrame

	import React, { useEffect, useRef } from "react"
	import useLoop from "../hooks/useLoop"
	import playerInput from "../utils/playerInput"

	type Props = {
	}

	const Gamepad = ({ }: Props) => {
	// The frame/game loop
	// We run this 60fps (max) to sync gamepad input to Input class/store

whoisryosuke / Ryo-Blue.xml

Created June 10, 2022 05:52

Blender Theme - Ryo Blue #005cdd -- Save somewhere, go to Blender Preferences > Themes > Install and select XML file.

	<bpy>
	<Theme>
	<user_interface>
	<ThemeUserInterface
	>
	<wcol_regular>
	<ThemeWidgetColors
	inner_sel="#005cdd"
	>
	</ThemeWidgetColors>

whoisryosuke / TwitchChatExamplePage.tsx

Created June 9, 2022 01:34

Twitch API + NextJS example. Requires OAuth secret key (see: https://dev.twitch.tv/docs/irc/get-started)

	import { useState, useEffect } from "react"
	import Head from 'next/head'
	import Image from 'next/image'
	import styles from '../styles/Home.module.css'

	// Example from Twitch API docs
	// @see: https://dev.twitch.tv/docs/irc/get-started
	import tmi from 'tmi.js';

	// Define configuration options

whoisryosuke / Box.tsx

Created May 27, 2022 02:04

Shader / GLSL / OpenGL - Inner border fragment shader (better version with lighter grid inside). Resembles a "prototype" box for "grid"-like level debugging in game development.

	import * as THREE from 'three'
	import { useFrame, extend, MeshProps } from '@react-three/fiber'
	import { useRef, useState } from 'react'
	import useStore from '@/helpers/store'
	import { shaderMaterial } from '@react-three/drei'
	import { Color, Mesh } from "three"

	import vertex from './glsl/shader.vert'
	import fragment from './glsl/shader.frag'

Newer Older