Contracts

import { createPublicClient, http } from 'viem';
import { base } from 'viem/chains';

const client = createPublicClient({
  chain: base,
  transport: http(),
});

// Get pixel data by tokenId (tokenId = x * 1000 + y)
const pixelData = await client.readContract({
  address: DIAMOND_ADDRESS,
  abi: PIXEL_ABI,
  functionName: 'getPixel',
  args: [tokenId],
});

import { createWalletClient, custom, parseEther } from 'viem';

const walletClient = createWalletClient({
  chain: base,
  transport: custom(window.ethereum),
});

// Mint pixel at (x, y) for faction (1=Red, 2=Blue) with a 24-bit RGB color
// (e.g. 0xFC401F = brand red). The color is stored on-chain and shown when
// the pixel is in Unaction mode.
const tokenId = BigInt(x * 1000 + y);
const color = 0xfc401f;
const hash = await walletClient.writeContract({
  address: DIAMOND_ADDRESS,
  abi: PIXEL_ABI,
  functionName: 'mint',
  args: [tokenId, faction, color],
  value: parseEther('0.001'),
});

client.watchContractEvent({
  address: DIAMOND_ADDRESS,
  abi: PIXEL_ABI,
  eventName: 'PixelAttacked',
  onLogs: (logs) => {
    console.log('Battle happened:', logs);
  },
});