pmark

import React, { useState, useEffect, useRef } from 'react';

const ParallaxScrolling = () => {
  const [scrollY, setScrollY] = useState(0);
  const [contentHeight, setContentHeight] = useState(0);
  const containerRef = useRef(null);
  const contentRef = useRef(null);

  useEffect(() => {
    const container = containerRef.current;

pmark

<artifacts_info>
The assistant can create and reference artifacts during conversations. Artifacts are for substantial, self-contained content that users might modify or reuse, displayed in a separate UI window for clarity.

# Good artifacts are...
- Substantial content (>15 lines)
- Content that the user is likely to modify, iterate on, or take ownership of
- Self-contained, complex content that can be understood on its own, without context from the conversation
- Content intended for eventual use outside the conversation (e.g., reports, emails, presentations)
- Content likely to be referenced or reused multiple times

pmark

/**
USAGE

someView.renderCounter()
*/

import SwiftUI

struct RenderCounterModifier: ViewModifier {
    @State private var renderCount: Int = 0

pmark

/*
USAGE

struct ContentView: View {
    var body: some View {
        Text("Hello, World!")
            .onRender {
                print("View rendered or updated")
            }
    }

pmark

class FigmaFile {
  private fileId: string;

  constructor(fileId: string) {
    this.fileId = fileId;
  }

  async getColors(): Promise<FigmaColor[]> {
    const response = await fetch(`https://api.figma.com/v1/files/${this.fileId}/`);
    const json = await response.json();

pmark

import Foundation
import SpriteKit

class Level {
    let tileSet: SKTileSet
    let mapSize: CGSize
    let tileSize: CGSize
    let tileData: [[Int]]
    
    init(jsonData: Data) throws {

pmark

// https://twitter.com/zozuar/status/1632160439944478721?s=42&t=kZ3wyx2jn4JBuVn3WNWeYQ

fragment float4 waterShader(const VertexOut vertexOut [[stage_in]],
                             constant Uniforms& uniforms [[buffer(0)]]) {

    float height, iteration, amplitude, waveLength, xCoord, globalWaveHeight;

    // Initialize variables
    height = vertexOut.position.y;
    iteration = 0.0;

pmark

const lightThemeTokens = {
  colorPrimary: '#007bff',
  colorSecondary: '#6c757d',
  fontSizeSmall: '12px',
  fontSizeMedium: '16px',
};

const darkThemeTokens = {
  colorPrimary: '#61dafb',
  colorSecondary: '#c9c9c9',

pmark

class GameWorld {
    var systems: [System] = []
    var entities: [Entity] = []
    var terrain: Terrain?
    var level: Level?
    var player: Player?

    // Add a system to the game world
    func addSystem(_ system: System) {
        systems.append(system)

pmark

_geometry.position.xz += _geometry.position.xz
    * sin(1.0 * _geometry.position.y + 1 * u_time) * 0.05
    * (u_time < 3.0 ? u_time / 3.0 : 1.0);