wesbos

  "workbench.editor.customLabels.patterns": {
    "**/routes/**/+page.svelte": "${dirname(1)}/${dirname}",
    "**/routes/**/+page.server.ts": "/${dirname} [server]",
    "**/app/**/page.tsx": "${dirname}.${extname}",
    "**/app/**/layout.tsx": "${dirname}/layout.${extname}"
  }

bonsak

vec3 hsv_to_rgb(vec3 color) {
    // Translates HSV color to RGB color
    // H: 0.0 - 360.0, S: 0.0 - 100.0, V: 0.0 - 100.0
    // R, G, B: 0.0 - 1.0

    float hue = color.x;
    float saturation = color.y;
    float value = color.z;

    float c = (value/100) * (saturation/100);

ektogamat

/**
 * Holographic material component by Anderson Mancini - Dec 2023.
 * Dec 7th - Added useMemo for better performance
 */

import React, { useRef, useMemo } from 'react'
import { shaderMaterial } from '@react-three/drei'
import { extend, useFrame } from '@react-three/fiber'
import {
  Color,

bigjko

// Make Layers React to a Mask
// Based on knowledge from The Power of Expression Book
// https://aescripts.com/the-power-of-expression/
//
// Requires the new 'Javascript' expressions engine introduced in AE 16.0 (CC2019)
// You can set this in File -> Project Settings: https://drop.aescripts.com/NQurXWmG
// If you replace all "let" to "var" this expression will should work in previous versions
//
// v1 initial version
// v2 added feathering support

lukeschaefer

How to mix Baked Textures and Physically Based Rendering in ThreeJS

When baking a texture in Blender (or other 3D editing software) and using it in ThreeJS as a MeshBasicMaterial - it will not interact with any lighting in your scene. If you try to use a material that will (EG MeshStandardMaterial) you'll find that your baked textures don't look right - because they're being lit both during the baking and the real-time-rendering.

Using this material will allow you to have specular reflections (EG glossy or shiny textures) while still maintaining baked lighting. Here's an example of what I'm talking about:

lewislepton

/*
AUTO-COMPLETE SNIPPETS FOR GLSL WITHIN VISUAL CODE STUDIO
Lewis Lepton
https://lewislepton.com

useful places that i grabbed info from
http://www.shaderific.com/glsl
https://www.khronos.org/opengl/wiki/OpenGL_Shading_Language
plus various other papers & books
*/

addyosmani

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

romuloctba

function json_api_prepare_post( $post_response, $post, $context ) {

  $field = get_post_custom($post['ID']);

  $post_response['custom-fields'] = $field;

  return $post_response;
}
add_filter( 'json_prepare_post', 'json_api_prepare_post', 10, 3 );

5iDS

<?php
global $wpdb;
 
// @ prefix used to suppress errors, but you should do your own
// error checking by checking return values from each mysql_query()
 
// Start Transaction
@mysql_query("BEGIN", $wpdb->dbh);
 
// Do some expensive/related queries here

mars

App.accountId = 'asdf';

App.RESTAdapter = DS.RESTAdapter.extend({
  // Scope all ajax calls.
  ajax: function(url, type, hash) {
    if (Ember.isEmpty(hash)) hash = {};
    if (Ember.isEmpty(hash.data)) hash.data = {};
    hash.data.account_id = App.accountId;
    this._super(url, type, hash);
  }