Arce Knowledge Base

website·Indexed 31 days ago

https://www.arce.top

A personal technical blog and documentation site covering a wide range of development topics, including Unity game development (UI design, ECS, scene management), C# programming best practices, Flutter architecture, and Spring Cloud microservices (Hystrix, Sentinel, Gateway, Feign). It also features project showcases such as 'The Dust and Sand of Tomorrow' and guides on Docker, Redis, and Stable Diffusion.

Tokens
35.3K
Snippets
139
Records
225
Agent score
50%

What's inside Arce

  1. Overview of the 第九艺术 (Ninth Art) Game Developer Community

    第九艺术 is a community platform designed for game developers to collaborate on game creativity and technical exchange. The platform provides specialized tools for different roles: developers (project management, code hosting), designers (resource libraries, design reviews), and planners (game design discussions, data analysis).
  2. Overview of Unity UI Development Roles

    Effective UI development in Unity typically involves collaboration between two specialized roles to ensure both visual quality and usability:

    • UI Artists: Focus on the visual identity, including design, color, shape, typography, and layout. They aim for 'pixel-perfect' interfaces tailored to the target audience.
    • UX (User Experience) Designers: Focus on user behavior and needs, designing intuitive navigation flows to make the interaction with the digital product pleasant and efficient.
  3. Overview of UI Toolkit workflow and assets

    UI Toolkit (available in Unity 2021 LTS and later) is designed for high performance and reusability, inspired by web technologies. It uses three primary asset types to define the interface:

    1. UI Document (UXML): Defines the UI structure and layout hierarchy using Unity Extensible Markup Language. Created via Assets > Create > UI Toolkit > UI Document.
    2. Style Sheet (USS): Defines visual layout and styling rules using Unity Style Sheets (similar to CSS). Created via Assets > Create > UI Toolkit > StyleSheet.
    3. Theme Style Sheet (TSS): A collection of TSS and USS files that determine panel settings.

    To render these in a scene, a GameObject must have a UI Document component linked to a Panel Settings resource and a Visual Tree resource (UXML).

  4. Overview of Unity UI Development Roles

    UI development in Unity typically involves two specialized roles working together to create a seamless user experience:

    • UI Artists: Focus on the visual aesthetics, including design, color, shape, typography, and layout. They aim for 'pixel-perfect' interfaces that align with the game's visual identity.
    • UX (User Experience) Designers: Focus on user behavior and needs, designing intuitive navigation flows and interaction patterns to ensure the product is easy and pleasant to use.
  5. Overview of Lezhi Future Volunteer Management System

    Lezhi Future is a public welfare project designed to empower rural teachers and revitalize rural education. The system provides a digital platform to manage volunteer activities, focusing on after-school services for rural primary and secondary schools under the 'Double Reduction' policy. Key capabilities include volunteer recruitment, training, activity management, and resource sharing for teaching materials.
  6. Overview of the Young Universe Mini-Program

    Young Universe (Young宇宙) is a WeChat mini-program designed to bridge traditional Chinese intangible cultural heritage with modern 'art toy' (潮玩) culture. It serves as a promotional channel for traditional crafts, a marketplace for cultural products, and a social community for enthusiasts to exchange ideas and showcase DIY collections.
  7. Overview of 致尘沙不在的明天

    致尘沙不在的明天 is a retro-mechanical style, 2D side-scrolling story-driven puzzle game with a total playtime of approximately 15 minutes. The player controls the last active caretaker robot in an archive designed to preserve messages from ancestors for their descendants returning after a century. The gameplay involves moving, interacting with scene props, collecting and using items, and solving puzzles.
  8. Implement Very Good Architecture in Flutter

    Very Good Architecture (VGV) uses a four-layer approach:

    • Data Layer: Handles API interactions.
    • Domain Layer: Transforms raw data from the data layer into domain-specific models used by the business logic layer.
    • Business Logic Layer: Manages state (typically using flutter_bloc) and reacts to UI inputs, communicating with repositories to update state.
    • Presentation Layer: Renders UI components based on the state.
    ├── lib
    |   ├── posts
    |   │   ├── bloc
    |   │   │   └── post_bloc.dart
    |   │   │   └── post_event.dart
    |   │   │   └── post_state.dart
    |   │   └── models
    |   │   │   └── models.dart
    |   │   │   └── post.dart
    |   │   └── view
    |   │   │   ├── posts_page.dart
    |   │   │   └── posts_list.dart
    |   │   │   └── view.dart
    |   │   └── widgets
    |   │   │   └── bottom_loader.dart
    |   │   │   └── post_list_item.dart
    |   │   │   └── widgets.dart
    |   │   ├── posts.dart
    |   ├── app.dart
    |   ├── simple_bloc_observer.dart
    |   └── main.dart
  9. Verify ROCm installation and install GPU-specific kernels

    Verify the ROCm installation using rocm-smi, rocminfo, and clinfo. Based on the detected GPU architecture (e.g., gfx1030), install the corresponding MIOpen kernels.
    # Verification commands
    rocm-smi
    sudo /opt/rocm/bin/rocminfo
    sudo /opt/rocm/opencl/bin/clinfo
    
    # Example: Install kernels for gfx1030 architecture
    sudo apt-get install miopenkernels-gfx1030-36kdb
  10. Understand the CA Clean Architecture layer structure

    The CA architecture follows a three-layer core structure supplemented by two support layers.

    Core Layers:

    • Data Layer (数据层)
    • Domain Layer (域层)
    • Feature Layer (功能层)

    Support Layers:

    • Resource Layer (资源层)
    • Shared Library Layer (共享库层)
  11. Create UI mood boards and visual styles

    Before final asset creation, a mood board is used to align the team on the visual direction. This involves collecting concept art, color schemes, fonts, and layout inspiration from sources like Behance, Game UI Database, Dribble, or Pinterest.

    Key considerations for UI visual style:

    • Art Direction: Match the UI to the game genre (e.g., illustrative for casual puzzle games, minimalist/flat for sci-fi FPS).
    • Visual Hierarchy: Use contrast and size (e.g., a bright 'Call to Action' button) to guide the player's eye to the most important information first.
  12. Implement Clean Architecture in Flutter

    Clean Architecture (CA) organizes the project into three primary layers: Data, Domain, and Feature. Additionally, it utilizes two support layers: Resources and Shared Libraries.
    ├── core
    |   ├── user
    |   │   ├── data
    |   │   │   ├── dto
    |   │   │   │   └── user_dto.dart
    |   │   │   │   └── user_response_dto.dart
    |   │   │   ├── datasource
    |   │   │   │   └── user_remote_datasource.dart
    |   │   │   │   └── user_local_datasource.dart
    |   │   │   ├── mapper
    |   │   │   │   └── user_mapper.dart
    |   │   │   ├── repository
    |   │   │   │   └── user_repository.dart
    |   │   │   ├── di
    |   │   │   │   └── dependency.dart
    |   │   ├── domain
    |   │   │   ├── repository
    |   │   │   │   └── user_repository_impl.dart
    |   │   │   ├── entity
    |   │   │   │   └── user_entity.dart
    |   │   │   ├── usecase
    |   │   │   │   └── get_user_list_usecase.dart
    |   │   │   │   └── get_user_detail_usecase.dart
    |   │   │   ├── di
    |   │   │   │   └── dependency.dart
    ├── feature
    |   ├── user
    |   │   ├── page
    |   │   │   └── user_list_page.dart
    |   │   │   └── user_details_page.dart
    |   │   ├── controller
    |   │   │   └── user_list_controller.dart
    |   │   │   └── user_details_controller.dart
    |   │   ├── widget
    |   │   │   └── user_card_widget.dart