CubeLaunch
| 开发者 | digibrief |
|---|---|
| 更新时间 | 2025年8月25日 18:13 |
| 捐献地址: | 去捐款 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 6.8 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
- Interactive 3D: drag to spin (X/Y) with inertia; pinch to zoom on touch devices.
- Cubes & pyramids with custom faces (images from the Media Library; built‑in 1:1 cropper).
- Gutenberg block with Small / Medium / Large presets + optional background‑color override.
- Shortcode to embed anywhere shortcodes are supported.
- Mobile‑friendly scrolling: on phones we add slim, invisible “scroll rails” around the canvas so the page still scrolls naturally even when the cube is under your thumb (side rails via CSS; top/bottom rails via a tiny JS helper). All adjustable via CSS variables.
- Coming Soon overlay (optional): a full‑page teaser with your shape, copy and a form (shortcodes/HTML). Quick mobile tips
-
Want smaller cubes on phones? Set
--cl-mobile-sizeper instance (or change the global defaults in:root). - Want easier scrolling near the cube? We already add invisible “rails” on phones. Tweak
--cl-rail-width(sides) and--cl-rail-height(top/bottom). Set them to0to disable.\ Note: Mobile “rails” affect embedded cubes (Block/Shortcode), not the Coming Soon overlay. Why Choose CubeLaunch?
- Video textures for dynamic faces
- Stocks & crypto charts on faces (auto‑updating)
- Clickable face URLs to link to products or pages
- Texture rotation options
- Optional Z‑axis spin See it in action → DigiBrief.com
安装:
- Automatic: Plugins → Add New → search “CubeLaunch” → Install → Activate.
- Manual: Upload the
cubelaunch.zipvia Plugins → Add New → Upload Plugin.
屏幕截图:
常见问题:
What image sizes work best for the faces?
Square images generally work best, especially for cube faces. For pyramid sides, the image will be masked into a triangle. We recommend images around 512x512 pixels to 1024x1024 pixels for a good balance of quality and performance. The built-in cropper helps you get a 1:1 aspect ratio.
How do I size cubes on mobile?
We ship CSS variables so you can tune sizes without !important.
Defaults (affect embedded cubes only, not Coming Soon):
:root{
--cl-mobile-size-default: 85vw; /* shortcodes & blocks with no preset */
--cl-mobile-size-small: 70vw;
--cl-mobile-size-medium: 85vw;
--cl-mobile-size-large: 90vw;
--cl-rail-width: 20%; /* left/right rails (each side) */
--cl-rail-height: 16%; /* top/bottom rails (each edge) */
}
Change all cubes (Appearance → Customize → Additional CSS):
:root{
--cl-mobile-size-default: 78vw;
--cl-mobile-size-medium: 78vw;
}
Change just one cube (add a class, then override the var):
- Block → select the block → Advanced → Additional CSS class(es):
my-promo-cube - Shortcode (paste literally):
[cubelaunch_shape id="123" class="my-promo-cube"]
- CSS:
@media (max-width:600px){
.my-promo-cube{ --cl-mobile-size: 75vw; }
}
What are “scroll rails”? Can I disable them?
On small screens we add slim, invisible strips around the canvas so vertical scrolling remains easy even when your finger starts on the cube.
- Side rails (left/right) are pseudo‑elements (CSS).
- Top/bottom rails are tiny overlay elements added by a small JS helper.
@media (max-width:600px){
.my-promo-cube{
--cl-rail-width: 0; /* disable side rails */
--cl-rail-height: 0; /* disable top/bottom rails */
}
}
Shipped opt‑out classes (add to the wrapper):
cl-rails-off→ turns off bothcl-rails-x-off→ turns off side rails onlycl-rails-y-off→ turns off top/bottom rails only
Can I place a class on a shortcode?
Yes (paste literally):
[cubelaunch_shape id="123" class="homepage-hero"]
Can developers change the defaults in PHP?
Use the cubelaunch_mobile_css filter to alter the values we inject:
add_filter( 'cubelaunch_mobile_css', function( $args ){
$args['sizes']['default'] = '82vw';
$args['sizes']['small'] = '68vw';
$args['sizes']['medium'] = '82vw';
$args['sizes']['large'] = '92vw';
$args['rail_width'] = '18%'; // side rails
$args['rail_height'] = '12%'; // top/bottom rails
// $args['breakpoint'] = 640; // optional
// $args['enable_rails_x'] = true; // optional (side rails)
// $args['enable_rails_y'] = true; // optional (top/bottom rails)
return $args;
});
Can I use videos or charts on the faces?
Image textures are supported in this free version. Video textures, auto-updating stock/crypto charts on faces, clickable URLs, and texture rotation are premium features available in CubeLaunch Pro.
How do I add a subscription form to the "Coming Soon" page?
In the CubeLaunch > Coming Soon Settings, there's a field for "Subscription Form Integration". You can paste a shortcode from your favorite forms plugin (like Contact Form 7, Gravity Forms, WPForms) or HTML embed code from services like Mailchimp or ConvertKit.
Is the plugin responsive?
Yes. Desktop sizing uses vmin presets; on small screens we switch to CSS‑variable widths (above). You can override them per instance.
Will CubeLaunch slow down my website?
No, CubeLaunch doesn’t touch your server. Each shape is rendered in the visitor’s browser with WebGL, so the only performance factors are the viewer’s device and how big the images/videos you give it are.
What are the browser requirements?
CubeLaunch uses WebGL for rendering the 3D shapes. Most modern desktop and mobile browsers support WebGL. If WebGL is not supported or disabled, a fallback message will be displayed. The admin interface requires a modern browser (no Internet Explorer 11 support).
Where can I get support?
For support with the free version of CubeLaunch, please use the support forum on the WordPress.org plugin page.
更新日志:
- Fix: Eliminated black halo/“shadow” around PNG/WebP textures with transparency on WebGL shapes.
The fragment shader now composites the sampled texel over white using its alpha
(
mix(vec3(1.0), texel.rgb, texel.a)) instead of branching onalpha == 0.0. This prevents black-matte bleed from straight/lossy alpha during filtering/mipmapping.
- Fix: Elementor placeholder visibility.
- Initial release.