Flutter Shadertoy与SQLite集成插件shadertoy_sqlite的使用

shadertoy_sqlite

shadertoy_sqlite 是一个基于 SQLite 的 Shadertoy 存储实现，使用了 drift 包。

Overview

此包通过 drift 包实现了 shadertoy 包中定义的存储 API，并将其存储在 SQLite 数据库中。

Getting Started

在 pubspec.yaml 中添加以下依赖项：

dependencies:
    shadertoy_sqlite: ^x.x.x

运行以下命令以安装依赖项：

dart pub get

最后，导入库以开始开发：

import 'package:shadertoy_sqlite/shadertoy_sqlite.dart';

Usage

要创建一个新的存储实例，需要实例化 ShadertoyStore。以下是一个使用内存执行器（主要用于测试）的示例：

final store = newShadertoySqliteStore(VmDatabase.memory(logStatements: logStatements));

更实际的例子是创建一个基于文件的数据库：

final store = newShadertoyDriftStore(VmDatabase(File('shadertoy.db')))

这允许执行持久操作，例如保存着色器定义：

final shader = Shader(...);
final ssr = await store.saveShader(shader);
if (ssr.ok) {
    print('Shader stored');
} else {
    print('Error: ${response.error.message}');
}

以下是一个完整的示例：

import 'package:drift/ffi.dart';
import 'package:drift/drift.dart';
import 'package:shadertoy/shadertoy_api.dart';
import 'package:shadertoy_sqlite/shadertoy_sqlite.dart';

// 内存执行器
QueryExecutor memoryExecutor({bool logStatements = false}) {
  return VmDatabase.memory(logStatements: logStatements);
}

// 文件执行器
QueryExecutor diskExecutor({bool logStatements = false}) {
  return VmDatabase(File('shadertoy.db'), logStatements: logStatements);
}

void main(List<String> arguments) async {
  // 创建一个带有内存执行器的新存储
  final store = newShadertoySqliteStore(memoryExecutor());

  // 创建用户 1
  final userId1 = 'UzZ0Z1';
  final user1 = User(
      id: userId1,
      about: '关于用户 1',
      memberSince: DateTime.now());
  await store.saveUser(user1);

  // 获取用户 1
  await store.findUserById(userId1);

  // 创建用户 2
  final userId2 = 'UzZ0Z2';
  final user2 = User(
      id: userId2,
      about: '关于用户 2',
      memberSince: DateTime.now());
  await store.saveUser(user2);

  // 获取用户 2
  await store.findUserById(userId2);

  // 创建一个具有两个渲染通道的着色器
  final shaderId1 = 'SzZ0Zz';
  final shader1 = Shader(
      version: '0.1',
      info: Info(
          id: shaderId1,
          date: DateTime.fromMillisecondsSinceEpoch(1360495251),
          views: 131083,
          name: '示例',
          userId: userId1,
          description: '一个着色器示例',
          likes: 570,
          privacy: ShaderPrivacy.publicApi,
          flags: 32,
          tags: [
            '程序化',
            '3D',
            '光线追踪',
            '距离场',
            '地形',
            '运动模糊',
            'VR'
          ],
          hasLiked: false),
      renderPasses: [
        RenderPass(
            name: '图像',
            type: RenderPassType.image,
            description: '',
            code: 'code 0',
            inputs: [
              Input(
                  id: '257',
                  src: '/media/previz/buffer00.png',
                  type: InputType.texture,
                  channel: 0,
                  sampler: Sampler(
                      filter: FilterType.linear,
                      wrap: WrapType.clamp,
                      vflip: true,
                      srgb: true,
                      internal: 'byte'),
                  published: 1)
            ],
            outputs: [
              Output(id: '37', channel: 0)
            ]),
        RenderPass(
            name: '缓冲区 A',
            type: RenderPassType.buffer,
            description: '',
            code: 'code 1',
            inputs: [
              Input(
                  id: '17',
                  src: '/media/a/zs098rere0323u85534ukj4.png',
                  type: InputType.texture,
                  channel: 0,
                  sampler: Sampler(
                      filter: FilterType.mipmap,
                      wrap: WrapType.repeat,
                      vflip: false,
                      srgb: false,
                      internal: 'byte'),
                  published: 1)
            ],
            outputs: [
              Output(id: '257', channel: 0)
            ])
      ]);

  // 保存着色器
  await store.saveShader(shader1);

  // 获取已保存的着色器
  await store.findShaderById(shaderId1);

  // 创建第一个评论
  final comment1 = Comment(
      id: 'CaA0A1',
      shaderId: shaderId1,
      userId: userId2,
      picture: '/img/profile.jpg',
      date: DateTime.now(),
      text: '很棒的着色器！');

  // 创建第二个评论
  final comment2 = Comment(
      id: 'CaA0A2',
      shaderId: shaderId1,
      userId: userId1,
      picture: '/img/profile.jpg',
      date: DateTime.now(),
      text: '谢谢');

  // 保存着色器评论
  await store.saveShaderComments([comment1, comment2]);

  // 获取着色器评论
  await store.findCommentsByShaderId(shaderId1);

  // 创建播放列表
  final playlistId1 = 'week';
  final playlist1 = Playlist(
      id: playlistId1,
      userId: 'shadertoy',
      name: '每周着色器',
      description: '包含每周所有着色器的播放列表。');

  // 保存播放列表
  await store.savePlaylist(playlist1);

  // 获取播放列表
  await store.findPlaylistById(playlistId1);

  // 将着色器存储到播放列表中
  await store.savePlaylistShaders(playlistId1, [shaderId1]);

  // 获取播放列表中的着色器 ID
  await store.findShaderIdsByPlaylistId(playlistId1);
}