Skip to content

Instantly share code, notes, and snippets.

View ChrisLowe-Takor's full-sized avatar

Chris Lowe ChrisLowe-Takor

View GitHub Profile
@ChrisLowe-Takor
ChrisLowe-Takor / AnimatedGradientShader.shader
Created February 14, 2023 11:33
An animated HLSL gradient shader for unity
Shader "AnimatedGradientShader"
{
Properties
{
_ColorA ("ColorA", Color ) = (0, 0, 0, 1)
_ColorB ("ColorB", Color ) = (1, 1, 1, 1)
_MainTex ("Texture", 2D) = "white" {}
_Frequency ("Frequency", Float) = 1
_Offset ("Offset", Float) = 0
_AnimationSpeed ("Animation Speed", Range(0, 255)) = 1
@ChrisLowe-Takor
ChrisLowe-Takor / HelloWorldShader.shader
Created February 14, 2023 11:01
The Hello World of HLSL shaders. Outputs a red pixel for every fragment
Shader "HelloWorldShader"
{
// Parameters passed in through Unity
Properties {
_Color ("Color", Color ) = (1, 1, 1, 1)
}
SubShader {
Tags { "RenderType"="Opaque" }
@ChrisLowe-Takor
ChrisLowe-Takor / sentinel-drawer.stories.tsx
Created December 8, 2020 08:33
Using redux state in storybook
import React from 'react';
import { Story, Meta } from '@storybook/react/types-6-0';
import { Provider } from 'react-redux';
import store from '../../../../store/store';
import SentinelDrawer from './sentinel-drawer';
export default {
title: 'Sentinel Drawer'
@ChrisLowe-Takor
ChrisLowe-Takor / rf.code-snippets.js
Created December 8, 2020 05:52
Visual Code Snippets
{
"Simple react component": {
"prefix": "rc",
"body": [
"import React from 'react';",
"",
"interface $1Props {",
"}",
"",
"const $1 = (props: $1Props) => {",
@ChrisLowe-Takor
ChrisLowe-Takor / rf.code-snippets
Created December 7, 2020 09:05
React Storybook snippet
"Storybook": {
"prefix": "rstory",
"body": [
"import React from 'react';",
"import { Story, Meta } from '@storybook/react/types-6-0';",
"import { Provider } from 'react-redux';",
"import store from '../../../../store/store';",
"",
"export default {",
" title: '$1'",
@ChrisLowe-Takor
ChrisLowe-Takor / rf.code-snippets
Created December 7, 2020 09:01
React test snippet
"React test": {
"prefix": "rtest",
"body": [
"import * as React from 'react';",
"import { createStore } from 'redux';",
"import { render, screen } from '@testing-library/react';",
"import '@testing-library/jest-dom/extend-expect';",
"",
"import { Provider } from 'react-redux';",
"import { state } from '../../../../store/root-reducer';",
@ChrisLowe-Takor
ChrisLowe-Takor / rf.code-snippets
Last active December 7, 2020 08:51
React connected component visual code snippet
"React Connected Component": {
"prefix": "rcc",
"body": [
"import React, { useState, useEffect } from 'react';",
"import styled from 'styled-components'",
"import { createStructuredSelector } from 'reselect';",
"",
"",
"const connect = require('react-redux').connect",
"",
import { MapLayer, withLeaflet } from 'react-leaflet';
import L from 'leaflet';
class LeafletEditableCircle extends MapLayer {
_attachListener(circle) {
var map = this.props.leaflet.map;
import { MapLayer, withLeaflet } from 'react-leaflet';
import L from 'leaflet';
class LeafletEditableCircle extends MapLayer {
createLeafletElement(props) {
var map = this.props.leaflet.map
var circle = L.circle(this.props.center, this.props.radius);
import React, { Component } from 'react'
import LeafletEditableCircle from './leaflet-editable-circle';
export default class ReactLeafletEditableCircle extends Component {
render() {
return (
<LeafletEditableCircle
center={this.props.center}