精华内容
下载资源
问答
  • 特点:缩略图完全包含在div容器之中,全比例的图像。当鼠标移动到图片上后,整个图片被隐藏的部分显示出来,移走后图片再复位,很想淘宝网以前使用过的产品展示方式。不错的图片特效,懒人之家推荐下载
  • 一、织梦仿产品图集调用这个一直困扰我这个技术渣渣多年,请教别人只是教了一个大概半天了还是木搞懂,于是自己去免费的织梦模板网站下了一个网站模板借来参考具体如下代码: <div class="cpright&...

    一、织梦仿产品图集调用这个一直困扰我这个技术渣渣多年,请教别人只是教了一个大概半天了还是木有搞懂,于是自己去免费的织梦模板网站下了一个网站模板借来参考具体如下代码:

    <div class="cpright">
    <div class="rtop">
    <h5><a href="{dede:field name='typeurl'/}">{dede:field name='typename' function="GetTypeName(@me)"/}</a></h5>
    <span><em>您的位置:</em>{dede:field name='position'/}</span>
    </div>
    <div class="pro_main">
    <div id="printableview">
    <div class="pleft">
    <div class="mainbox">
    <div class="maincont">
    <!-- prodetailsinfo -->
    <div class="prodetailsinfo">
    <div class="proviewbox">
    {dede:field name='imgurls' alt='图片输出区'}
    <div class="probigshow"> <a class="jqzoom" href="[field:imgsrc/]"> <img src="[field:imgsrc/]" alt="" class="js_goods_image_url" style="width: 300px;" /></a> </div>
    {/dede:field}
    <div class="div_prothumb">
    <div class="thumbporbox">
    <ul class="ul_prothumb" id="img_list">
    {dede:productimagelist} 
    <li><a href="[field:imgsrc/]" target="_blank"><img longdesc="[field:imgsrc/]" src="[field:imgsrc/]"></a></li>
    {/dede:productimagelist}
    </ul>
    </div>
    <span class="span_prev span_prevb">prev</span><span class="span_next span_nextb">next</span>
    </div>
    </div>
    <!-- prodbaseinfo_a -->

    我们需要用到的调用代码如下:当然目前其他展示类型的网站我还没有去测试,适用于那种图片放大器展示功能的代码调用: (仅供学习参考,本人也是刚入门的菜鸟,请大神们多多关照!)
    我们要用到的如下调用代码:如有疑问欢迎加我的QQ:912374711进行交流!

    <div class="proviewbox">
    <!--我们要用到的这部分代码开始-->
    {dede:field name='imgurls' alt='图片输出区'}
    <div class="probigshow"> <a class="jqzoom" href="[field:imgsrc/]"> <img src="[field:imgsrc/]" alt="" class="js_goods_image_url" style="width: 300px;" /></a> 
    {/dede:field}
    <!--我们要用到的这部分代码结束-->
    </div>
    
    <ul class="ul_prothumb" id="img_list">
    <!--我们要用到的这部分代码开始-->
    {dede:productimagelist} 
    <li><a href="[field:imgsrc/]" target="_blank"><img longdesc="[field:imgsrc/]" src="[field:imgsrc/]"></a></li>
    {/dede:productimagelist}
    <!--我们要用到的这部分代码结束-->
    </ul>

    原来网站的产品详情页展示效果:
    原来网站的效果

    我仿站的测试产品展示内容效果:(图片我是放的两张的一样的)
    我仿站的测试效果

    补充一点有的朋友在套完之后存在织梦后台上传图片302Error错误:解决方法点击进入查看

    展开全文
  • 公司产品展示模板

    2019-11-24 01:54:47
    公司产品展示模板是一款以咖啡色为背景的公司产品展示模版,整洁大方的风格以及标准的排版方式是此模版的特点所在。
  • 多套企业小程序,主要是产品展示使用。模板特点: 自定义底部菜单,更方便修改 首页酷炫菜单按钮,多功能,可修改至全部页面 可提交留言,调用留言,搜索 包含页面: index 首页 newslist news 新闻列表和...
  • 产品展示设计中绿色设计理念与方法的应用探讨-论文.zip
  • 行业分类-物理装置-产品信息的展示方法和装置、存储介质、电子装置.zip
  • 产品推广都有哪些方法可以用?

    千次阅读 2016-04-22 14:38:30
    产品做好了,如何推广成为摆在初创团队面前的新课题。这个问题也曾困扰着我和我的朋友们,我在运营两款产品的过程中,梳理出了产品推广的四种方法,又根据每种方法的不同,整理罗列了具体的办法或步骤。

    作者:奉政坊


    产品做好了,如何推广成为摆在初创团队面前的新课题。这个问题也曾困扰着我和我的朋友们,我在运营两款产品的过程中,梳理出了产品推广的四种方法,又根据每种方法的不同,整理罗列了具体的办法或步骤,废话不多说,直接上重点。


    一.问渠哪得用户来,唯有源头[ASO]

    a1

    ASO是目前较为常见的应用下载量提升的优化方案。对每一款在AppStore中上线的产品而言,获取较好的曝光位置不仅意味着下载量直接的提升,还会带来周边用户活跃度的增加。而且,一旦产品体验优异,这种效应会呈现指数级放大趋势,由用户口碑推荐带来更多的下载量。而要做ASO,不外乎从以下三点中进行:


    1.评论数据增添

    苹果官方对应用的排行榜排名选择有一整套计算公式,其中评论数据是非常重要的一项指标。而且,因为用户在下载之前通常会对应用评分有一个直观了解,从而获取对应用的第一印象,评论数据的优化就显得很重要了。在评论的优化上,运营上可以策划评分邀请,在用户使用应用的过程中,结合特定的场景弹出邀约评论提示窗。这个场景要把握得恰到好处,才能让用户最大概率的选择进入而不是拒绝。同时,也要留心用户划分,从而对评分结果有更好的把握。


    比如,我们可以结合后台数据来制定一个切实有效的方案,对那些打开应用次数在50次以上的用户弹窗邀约。这是因为,使用产品在50次以上的用户对应用形成的好感度和依赖比那些新晋用户要来得更好,自然评分意愿和评分等级都会优于新晋用户。当然,这里的50次只是一个虚指,大家要根据研发提供的用户数据和行为记录来确定最适合的数字。


    另外值得一说的是,不少应用在初期缺乏一个尚佳的引爆点,又难于成为官方推荐应用。这个时候其实可以适当做一些换评论的工作。在论坛贴吧或者群组中,有不少互换评论的圈子。我个人觉得,换评论并不是刷评论,建立的社交基础并不构成商业往来,本质上看其实和你向朋友推荐应用然后让好朋友给你五星好评一样,没有太大区别。只是,这个形式只是辅助手段,过多使用会降低评论权重引起苹果官方重视,可能后面的正常运营都会受限。但适度使用带来的优化效果还是相当直观的。


    2.关键字优化

    在把应用提交到AppStore审核的时候,可以填写长度在100个字符以下的关键字,这100个字符可谓寸字寸金,需要我们小心的使用排列。


    首先,不要去使用那些自己愿意使用,但市场读不懂的词。比如有的应用为了坚持自己的所谓“产品信条”,在关键字上叠加大量比较虚的形容词。这确实看上去很高大上,但除了感动自己,用户看不见,市场也不会为你鼓掌。


    我们需要学会去使用市场热度高的词、短小精悍对产品描述准确的词。这个选择有三个参考点指导我们的选择,分别是关联性、热度、流量。关联性指代的是和自己产品相关度如何,热度指代的是关键字在同类竞争品中被不被经常使用,流量是说当前时间节点上在AppStore中搜索的词所能带来的流量大小。


    最后要说明的是,不要指望一次就能得满分,关键字优化是一个动态的持续的过程,需要时刻注意最近的热词和行业动向,以此不断对关键字进行优化和改进。这样的反应速度也能够适应苹果自身不断调整的计算方法。


    3.应用名称优化

    应用名称的优化,也是很重要的。应用名字取好的,还怎么改?当然可以改。不是去改名,而是改AppStore中显示的应用全名称。


    有没有注意到有些下载的应用,标题上显示的不仅仅是应用名称,还包括了类别信息或者一句slogan?对应用名称的空间合理充分的使用,带来了更清晰的产品自述,用户对产品理解加深了,排行榜也在向你招手了。在这点的选择上,可以放置一些行业类别或者产品愿景的语句或词汇。这些词汇最好还要含带应用本身在AppStore上线频道的名称或类别名称,方便用户更容易搜索得到自己的产品。


    二.流量几时有,把酒问[SEO]

    a2

    SEO在门户网站统领江湖的时代是炙手可热的推广方法,现在因为对移动互联网概念的疯狂包装,SEO不再如从前那样引人重视了。但不可忽视的是,一方面PC端的用户量目前并不落后于移动端,实际上移动端用户数也只是在某些统计数据中刚刚超越PC端用户数;另一方面web页面的流量来源同样囊括了移动入口在内,搜索优化对移动端用户也是一种擢升。另外,做好SEO,还能从把用户导入官网,再用诸如“扫码下载”等手段进一步引导用户转化,这一部分转化用户有了官网信息做支撑,产品理解度和忠诚度相比其它渠道也会高一个级别。


    SEO的方法同样归纳为三条:


    1.夯实页面基础

    一个产品官网,在设计和开发之初就应该有自己的定位和清晰的目标受众。例如这个网站是给谁看的,想体现什么样的主题,这些东西都可以帮助我们提炼出网站SEO过程中所需要的目标关键词。


    围绕目标关键词,我们就能在内容创作上有侧重点,以这个词为中心尽可能多的去强调。比如,一个做旅游产品的网站,如果确定出来的关键词是“精品酒店”,那么这个网站上的文章和图片都应该多覆盖这个关键字和相近的周边关键字。这样一来,用户在搜索“精品酒店”时,搜索引擎抓取的站点内容匹配度就高,排序优先的权重就大了。当然,需要注意的是这个过程中不要过于夸张的叠加,一旦被判定作弊,网站会被降权处理。


    选定目标关键词之后,还需要选定周边的其他关键词,这些关键词切忌假大空,而要落到实处和网站内容有切实的关联。同时,在优化过程中也要注意和其它竞品的区别,那些过于热门的关键词看似很好,但如果竞争对手的同类网站也在使用而且规模明显比自己站点大很多,也不会有什么效果。确定关键词,使用关键词的过程中还要注意对关键词的组合拆分,最大程度的优化关键词构成。


    在使用SEO过程中,会使用到不少数据分析的工具。其中可以加强对“反链检测”工具和“全站死链检测”工具的使用。“反链检测”可以让你清楚自己网站的被链接情况,还能对竞争对手的网站进行分析,进而指导优化,缩小与对手的差距。“全站死链检测”可以让页面避开被搜索引擎扣分的情况出现,节省核对的人力成本和时间开销。


    2.内容优化

    内容优化指的是我们页面内部的内容可以进行的SEO操作。最有效的是“友情链接”功能。当在自身站点中放入其它权重较高的网站链接时,自己网站的权重也会有相应的一定程度的提升。而且如果能够实现运营资源的合作互换,对方站点也挂载自己站点的链接,权重提升就会更快。


    在内容优化方面,还容易被忽视的是锚文本的优化。锚文本也就是链接文本,它相当于在引导搜索引擎去抓取内容,把文本和导航连接起来了,所以也非常关键。我们在外链和内部链接中都可以使用它。


    同时,不要忽视站点内对于图片描述的填写。那些在网站内大量的图片,都需要有一个清晰的直白的描述。这么做是为了确保图片内容被搜索引擎收录概率提高,增加网站的流量。做好了这一点后,我们就只需要保持合适的更新频率,让网站在正常运营状态之下就行了。


    在这个过程中有一个小经验,就是尽可能手动去提交自己的站点,而不要使用自动工具或者等待引擎自己抓取。今天90%的搜索流量都被前五大搜索平台覆盖了,手动提交花不了自己多少时间,却能带来及时准确收录的好处。


    最后,需要注意在页面内容布局上要慎重,因为这意味着页面不要频繁改版,否则生成的死链太多,对页面权重有很大影响。


    3.配合技术手段

    这一点, 需要我们和研发同学一起研究搞定。SEO在程序设计中本身也是一个挺重要的工作。比如在网站的“<head>”标签中放置的内容,会影响在搜索结果中的显示形式,“<meta>”标签中的描述和“<H1>”等标签中都需要含有关键词。还有其它的内容多听听研发同学的意见和看法,然后一起讨论研究优化建议和更新方案。


    网站程序中采用DIV+CSS构造,符合w3c网页标准,会方便网站生成静态网页,这是适合搜索引擎录入的页面形式。通过技术检测,我们还能获取到所在行业的高权重的网站链接地址,方便我们进行交换友情链接的操作。


    有条件的情况下,最好让研发同学制作生成XML与HTML的地图,这样便于搜索引擎对网站内容的抓取;再为每个网页定义TITLE、META标签,标题要简洁干净,META围绕主题关键词展开描述。这些细节到位后,配合一台工作良好稳定的服务器,网站打开体验优异,自然会带来更多的用户回流。


    三.恰推广少年,[广点通广告]正茂

    a3

    “广点通”是腾讯社交广告联盟的一种推广手段,通过它可以向腾讯自有平台和旗下联盟产品投放广告。比如,我们在某些微信订阅号推送的文章末尾,能看到一些插入广告,那就是商家在广点通投放的内容了。“广点通”的具体操作方式大家可以自行了解,在这里我说一下之前团队小规模尝试过广点通后的几点经验:


    1.重视再重视图片

    在广点通推广的过程中,我们使用了两组不同的产品进行对比,并在入口进行了数据埋点处理。结果发现,用户愿意点击的都是那些突出商品质感的设计图。那些图通常虚化背景、突出主旨,字体大而明快。


    由此可以启发我们的是,在使用广点通推广自己的app时,需要格外留心展示广告位中图片的设计,在不能确定最佳方案时,可以将不同方案都上传以进行多次小规模尝试,跟踪流量分析后,再投入大成本展开推广。图片上尽可能用关键词而不是句子去描述产品信息,即便使用句子时,也要严格控制句子的长度。另外,产品的展示图需要放大再放大,如果用户看不清,也更可能产生点击行为。


    2.简化入口层级

    在用户完成点击后,仍然有许多可以进行优化的地方。其中比较关键的一处,是从广告入口进入以后的页面深度。许多广告设计为了对产品有更清晰的展示和介绍,不牺占用过多的页面供用户点击和阅读。


    这种做法实际并不会有什么效果,在产品广告投放上,用户正在接受越来越多的信息,也越来越聪明的意识到广告的边界,花时间去了解一个在广告位上进行展示的产品,对用户而言太不切实际了。


    我们需要做的,是对入口简化简化再简化。最快的让用户到达下载地址。要知道,如果那些功能你能说得清楚,用户又何必还需要下载呢?


    3.不要迷信精准

    不要迷信精准,是指我们在广点通提供给我们的人群筛选功能中,不要单纯为了用户定位精准,放弃对其它地区、其它属性用户的获取机会。更多的情况是,人群中有太多潜在用户,也有许多未知的惊喜。试想一下,如果你能控制并识别所有目标用户,广告投放不就成伪需求了吗?


    所以在投放过程中,大胆地在更多地区去做产品投放的选择,再不断根据数据统计对投放进行优化,效果肯定要好过你在单一地区或单一属性上进行的尝试。


    四.应用如此多娇,引无数[内部分享]竞折腰

    a4

    推广渠道选择再多,也不能忘了应用本身这个亲生的入口。运营与产品沟通提出需求,开发出的应用内分享下载功能,对大多数应用而言可以激发用户之间的自传播效应。用户分享,获取积分或其它虚拟物品奖励,是最常见到的应用内分享策略。相比于此,应用内分享的其它方式比较少见,但同样值得我们思考和采用。


    1.设计H5活动页面

    H5技术为产品推广提供了更多样的选择,运营过程中结合产品定位和诉求,可以策划设计出针对特定人群的H5活动页面,鼓励用户的分享传播。较为知名的H5推广有“支付宝十年账单”、“围住神经猫”,和微信年终H5数据总结等。


    H5页面开发成本较低,分享渠道多样,其中“围住神经猫”更是创造了三天用户访问量过亿的神话。另一个方面,H5页面可以充分利用页面特点,给创意设计更大的发挥空间,例如不少H5页面有“指纹解锁”甚至“脸部扫描”的功能,其实这些功能都是H5对于设计的绝佳结合,而并非真的有这样的技术。但因为H5更轻量,更用户的感觉轻松有趣,所以供设计师们尝试的空间也就变大了。


    额外需要说明的是,H5页面中,真正促使用户分享的,是页面本身的创意,而不是“H5”这个概念。因而,不要过分的牵制或诱导用户去做分享行为,多把时间花在对活动的创意思考和执行上,分享会成为自然的结果。


    2.传播考虑逆向选择

    不少应用设置有“分享下载链接”的功能按钮,通过用户分享到社交软件的操作,使更多社交关系通过下载链接成为软件的注册用户。这个过程司空见惯,也能很好的控制成本,但用户玩多了也就烦了,看得多了也就没有多大兴趣了。所以不少软件开始让用户通过获取积分、代金券的形式,鼓励用户进行分享。


    相对这种功能设计,其实还有一种不错的方法供我们选择。我们只需调转思维方向,让用户先行获得某种“奖励”,再鼓励用户进行分享。也许我们有疑问,用户得到了奖励,还会去分享吗?实际不然,“分享”是互联网用户的天然本能,大家处在一个信息过剩的圈内,分享是自身高社交价值的体现和展露,有时候并不需要我们去鼓励就有很高的参与度。


    我们需要告诉用户的,有可能只是“第一次进入这个版块,你就能得到为你量身定制的某个功能”。给用户营造惊喜感和至尊感,是促使用户进行分享的最佳激励来源。回想一下,你是不是有过非常激动地向朋友推荐某件产品或某个应用的经历?不论这个应用本身有没有明确标注的分享功能,你都会认真地使用口头推荐甚至肢体动作夸张的演示来让你朋友使用它。


    有些时候,这种激励来源本身是应用整体上的易用或美观,但有时候,我们也许无法一下促成产品的完美或为无法一心为用户让步过多的妥协,我们仍可以让用户保留为你的产品主动推荐别人下载的人情。比如,有的应用内置了讨巧又不埋藏太深的彩蛋,让用户进入时眼前一亮,迫不及待想要截屏分享发现新大陆一般的喜悦。有的应用在主页面逻辑之外,加入了专为用户此种操作精心设计过的动画、感谢语一般温情的文案......


    相比千遍一律的下载分享,我称这种模式为“传播的逆向选择”。用户从单向的软件鼓励分享中解放出来,被应用有意设计的某个点和某个功能所打动进行主动分享的“逆选择”行为,更富创意和趣味。也许在应用内分享式微的当下,可以为我们提供产品设计和运营的新思路。


    奉政坊(微信号527163861),享南软件服务平台创始人。成都创业者,从开发工程师转产品运营,曾策划运营过“未来酱”等电商项目。

    展开全文
  • 3D产品配置器 使用WebGL在商店中展示和配置产品方法 此示例说明了如何使用WebGL在网上商店内以交互式创新样式展示产品
  • 随着互联网电子商务市场份额的不断增长,消费者对更直观的了解...本文将通过分析临境交互领域的各类技术形式与理念来探讨如何运用于电子商务产品展示中来改善用户购物体验,并为行业中相关需求提供有效的解决方案参考。
  • 行业分类-物理装置-基于数据传输对象的产品模块展示方法、装置及存储介质.zip
  • 企业/产品VR展示

    千次阅读 2017-10-19 16:53:19
    VR展示,硬软件结合的智能服务方式为企业提供企业形象、主打产品、服务体系等VR展示解决方案,客户更精准、生动的向用户传达企业品牌或商品信息。 预约咨询 产品详情 利用虚拟现实核心技术,通过计算机和控制设备...
    企业/产品VR展示
    VR展示,硬软件结合的智能服务方式为企业提供企业形象、主打产品、服务体系等VR展示解决方案,客户更精准、生动的向用户传达企业品牌或商品信息。

    预约咨询
    产品详情

    利用虚拟现实核心技术,通过计算机和控制设备生成模拟环境,以虚拟现实头盔为载体,在光学动捕空间定位技术的辅助下,让体验者“身临其境”的走进各种项目区域之中,观看的同时可与场景进行互动。

    解决问题&功能:

    制定解决方案:对需要展示的内容进行整理,制定出相应的解决方案。 

    录制:我们为需要展示的内容进行录制,并完成后期编辑。 

    VR设备:我们为您搭配相关设备:VR设备、跑步机等。


    服务亮点:

    1.VR影视级策划:我们提供影视级策划导演进行策划,为您定制拍摄方案。  

    2.专业拍摄团队: 专业级VR拍摄设备的拍摄,保证VR影视的高级化,自制的水下、航拍以及陆地一定拍摄方案均为您服务  

    3.多渠道宣发: 我们有主流视频平台推荐位资源供您应用,微信、微博大号推广保证宣传的广泛性  

    4.后期包装特效: 专业影视级后期特效为您的产品进行包装。CG融合与交互技术,保证你的产品在行业内领先。

    适用领域 : 

    VR+行业应用、VR整体解决方案、VR影视制作、展会及宣传、展厅等VR应用。

    涵盖:文化创作,企业,政府宣传,房产,旅游,婚庆,营销,广告等领域。



    预约咨询
    ¥ 35000
    预约咨询
    展开全文
  • 摘要:Flash源码,图片展示,图片展示 XML+Flash滚动型的产品展示特效,缩略图可又左右滚动,方便用户浏览图片,大图片采用淡入淡出的切换方式,XML是配置文件,通过HTML实例你将学会如何去使用本效果,我觉得这个...
  • 行业分类-设备装置-能电视展示的多功能幼儿教育产品、学习装置及设计方法.zip
  • 工业等产品展示行业使用, 宽屏风格设计,整体布局大气清晰干净,模板为自适应各种设备, 完美兼容主流浏览器,给用户更高的体验。模板采用UFT-8内核制作,带测试数据和安装说明, 傻瓜式操作,安装和修改非常方便简单,...
  • 公制乡绅 以有用的方式帮助跟踪和展示我们的产品和开发过程和指标
  • 这是一款360度图片旋转产品预览展示js插件。该360度图片旋转产品预览js插件提供多种控制产品图片旋转的方法,包括自动旋转,通过按钮来控制旋转,通过鼠标拖拽或鼠标移动来控制旋转,通过鼠标滚轮来控制旋转等。
  • 2009 年8 月襄樊学院学报... 摘要: 分析当前在线三维产品展示技术的特点,提出基于Papervision3D的在线产品展示方法,并对其关键技术——建模技术、在线渲染技术和实时交互技术等——进行分析与探讨.

    2009 8 襄樊学院学报 Aug.,2009 30 卷第8 Journal of Xiangfan University Vol.30 No.8

     基于Papervision3D 的在线产品展示技术研究

    李学锋 (襄樊学院 数学与计算机科学学院,湖北 襄樊 441053)

    摘要:

    分析当前在线三维产品展示技术的特点,提出基于Papervision3D的在线产品展示方法,并对其关键技术——建模技术、在线渲染技术和实时交互技术等——进行分析与探讨. 最后,通过一个应用实例说明该技术的有效性.

    关键词:Papervision3D;三维产品;在线展示;实时交互

    中图分类号:TP391.41 文献标志码:A 文章编号:1009-2854(2009)08-0024-03

    在互联网盛行的今天,电子商务已成为人们生活中的一部分. 产品的在线展示是电子商务中的一项重要内容,其效果往往是影响客户购买的决定性因素之一. 但是,当前大部分电子商务产品展示系统提供给用户的仅是产品的静态图片,展示的效果受到很大的局限性. 随着计算机技术与电子商务的发展,人们希望能在线地对产品按照自己的视角去多方位、自主地了解,更希望能体验产品的使用效果. 由此引发了在线的、可交互的实时三维产品展示技术的产生与发展.

     1 当前的在线三维产品展示技术 当前的在线 3D 技术主要有 Java3D 技术、 VRML/X3D技术、Flash3D技术. Java3DSUN公司在1998年年底正式推出. 它是一个用于实现3D显示的应用程序接口(API),用来书写带有三维图形的应用程序和Applet. Java3D建立在Java2(Java1.2)基础之上,实现了三维形体的生成、贴图、灯光等一系列三维显示所用到的功能 [1] . Java3D已于2003年停止了升级开发,同时其执行速率不高,微软终止其产品中对Java虚拟机的支持等,都在一定程度上限制了它的进一步应用.     

     VRML2.0(VRML97)199712月正式公布的国际标准,可以编写三维动画片、三维游戏、计算机三维辅助教学. 但这种简单的语言功能较弱,与 Java语言等其它高级语言的连接较难掌握 [2] . 2001 8月由Web3D联盟发布了X3DX3DVRML的扩展,并集成了XMLX3D相对于VRML97提出了许多新的特性 [3] . 但到目前为止,没有大公司在背后作强有力的技术推动,开发工具的集成度、便捷性,可用性方面有待完善. VRML/X3D需要安装专门的浏览器,这也是一个影响普及使用的大问题.
         Flash3D
    技术是近年迅速发展起来的一种在线3D技术,Flash3D 技术与前二者相比,主要优势在于: 1)FlashPlayer 播放器已相当地普及,根据调查显示,约 98.7%以上的PC上都有安装 [4] 2)Flash技术背后有Adobe 公司的强力支撑,Adobe 提出的RIA技术架构已成为当今Web 发展与应用的一个热点. 目前Flash3D 的主要引擎有Papervision3DAway3DSandy3DAlternativa3D 等,其中Papervision3D 以其开源、支持AS3.0API 文档齐全、性能优越受到好评.

     本文将对基于 Papervision3D 的三维虚拟产品展示系统的关键技术进行分析研究.

     2 基于Papervision3D在线虚拟产品展示技术 在线虚拟产品展示系统的关键技术有:三维建模技术、三维模型在线渲染技术、在线交互技术等.

    2.1 三维建模技术与模型的导入 三维建模是在线虚拟产品展示中的重要一环, Papervision3D支持三维模型格式有:ASE文件、 Collada格式、MD2格式、Max3DS格式、Sketchup 格式等,当前的Papervision3D支持的主流格式是 Collada格式. 可以使用3DS MAXMAYAGoogle Sketchup等三维建模软件来制作产品的三维模型,然后导出为Collada模型文件. 物体在三维建模中,首先,一定要事先确定物体的比例大小以及三维建模软件的长度单位,一般来讲,设置模型的尺寸比例,最好在建模时将模型整体缩小,加载时通过三维模型对象的scale参数对模型进行整体缩放到适当的尺寸;其次,建模时将模型放置在坐标原点处,可方便一些效果的实现;再者简化模型,建模后,对模型进行优化及三角形的简化处理,通过删除或修改模型中对视觉效果影响不大的部分网格面片信息(包括顶点、边和三角形面片等) 来减少三角形面片数量,以达到降低模型交互显示或实时传输的开销的目的. Collada模型文件可以单独文件形式加入,也可以 XML的节点对象的形式加入.

    目前在Papervision3D 里有两种使用collada模型的方式,1)使用Collada类,简便但不支持骨骼等动画信息,适合导入静止的场景模型;2)使用Dae类,支持骨骼动画. 这二个类都在 org.papervision3d.objects.parsers. 由于不同三维软件的默认单位不同,制作模型时的大小和三维软件的不同,模型的比例尺scale值都是不一样的,在加载时一定要对模型的scale进行调整. 实践发现就是在加载三维模型时这二者也不相同. 对于同一模型,使用Collada类加载时,默认的大小与使用Dae类加载的scale=100的大小一样.

     2.2 三维模型的在线渲染技术 要做到逼真地展示产品,对模型进行纹理贴图与光照处理是必不可少的. 通过纹理贴图展示出产品的特色与细节,光影效果的处理会让渲染出来的场景看上去更加真实. Papervision3D BitmapAssetsMaterialBitmapColorMaterialBitmap FileMaterialBitmapMaterialBitmapViewport MaterialBitmapWireframeMaterialColorMaterial MovieAssetMaterialMovieMaterialVideoStream MaterialWireframeMaterial 等,其中使用最多最方便的是BitmapFileMaterial,它直接将位图文件导入作为模型贴图;另外,通过 MovieAssetMaterial MovieMaterialVideoStreamMaterial 等,可以使用视频、movieclip 来作贴图. 任何 movieclip 能完成的效果,如半透明、模糊、辉光、动画等等都可以作为贴图. 不同的光照效果,需要不同材质配合,光必须照在特定的材质上才能看到相应的效果,不同材质表现出的效果是不一样的. 当前,Papervision3D 支持点光源,同时提供了多种材质. 在使用阴影的时候,需要指定相应的阴影材质,比如GouraudMaterial PhongMaterial 材质等. 虽然 Papervision3D 引擎提供了一些阴影材质,但都是基于纯色的阴影效果而不是位图的的阴影效果. 但是,三维模型上一般使用位图贴图,如何才能将位图和阴影效果叠加到一起. 一般是通过制作一个Shader 和一个BitmapMaterial,再用ShadedMaterial 将它们混合到一起.

    2.3 在线实时交互技术 在线实时交互是在线产品展示中用户体验产品特性的关键所在. 比如在展示手机时,可以通过旋转手机让用户从各个角度观看手机的外形、选择手机的颜色;可以将手机的开机显示作成视频,点击开机按钮时,在手机的屏幕上播放;可以让用户在线进行手机电池的拆卸与安装. 通过这些交互让用户充分体验产品的特性,增加用户对产品的了解. 在线三维交互中的关键技术有:事件的监听与执行机制、3D场景中鼠标的定位、三维物体的平滑缓动等. Flash 是利用事件机制来实现实时交互. Flash ActionScript 3.0 的事件机制的设计是基于 W3C DOM Level 3 事件模型 [5] .

    Papervision3D Flash 原有事件类的基础上又增加了4 个事件类,其中3D 场景交互事件类 InteractiveScene3DEvent 是最常用的鼠标交互事件对象,可使用其 target 属性确定事件目标. 通过对鼠标事件的监听,根据鼠标的位置来控制摄象机的位置以转动镜头,从而实现对产品的环视;根据鼠标的状态来设置用户对产品的操作,例如:产品的移动、缩放、产品拆卸与组装等,还可以做出非常有趣的贴图绘制功能,让用户参与产品的定制,这样增加交互和自制的乐趣. 3D场景中鼠标的定位,是对三维空间中物体上的按钮进行交互的前提条件. Papervision3D 中鼠标有两套坐标:空间坐标(Mouse3D)、材质实际坐标(VirtualMouse). 它们的作用分别是将当前鼠标的屏幕二维位置转换成三维空间中三维对象上的实际坐标(x, y, z)和三维物体的材质上的二维位置坐标(x, y). 这两个对象分别是: viewport.interactiveSceneManager.virtualMouse //相对于贴图材质左上角 viewport.interactiveSceneManager.mouse3D //相对于3D 场景原点 VirtualMouse 可以有很多应用,例如在 InteractiveScene3DEvent.OBJECT_MOVE 事件处理函数中,在材质上绘图. 另外,InteractiveScene3D Event xy 属性和virtualMouse 对象的xy 属性效果相同. 李学锋:基于Papervision3D 的在线产品展示技术研究 26 Papervision3D 中进行交互时,要将viewport material 对象的interactive 设为true. 在进行旋转时,注意 DisplayObject3D SceneObject3D 同是 DisplayObjectContainer3D 的子类,所以它们都是 3D 容器. 每个3D对象的旋转方法都是绕自身的轴,跟容器没有关系,也就是使它不在容器坐标系的中心. 要令对象绕容器轴旋转(比如对象移动到原点以外),可以使用一个DisplayObject3D对象做容器并旋转此容器. 在使用影片材质绘图时、当材质使用 MovieMaterial 类型时,可以在材质上实现更多交互效果,例如在材质上绘图,通常需要在材质对象(一个MovieClip)内放置一个容器,如Sprite(考虑到独立以及避免和原对象上图形重叠而遮挡). 材质是 MovieClip 对象的一个副本(不是引用),直接在用作材质的对象上的操作不会影响 3D 对象. 有两种方式在鼠标移动事件中引用此容器,1)直接引用,绘图后再调用材质对象的 drawBitmap()方法将所绘图形抓到材质上来;2)使用surface = 影片剪辑材质对象.movie[“容器对象名”] 得到此容器的一个引用. 接下来在这个对象上结合virtualMouse. 在第2 种方式的引用方法里,在设计状态、作为材质对象的影片剪辑元件中,可以直接向舞台上添加容器对象,此容器对象既是材质元件的属性,也同时出现在显示列表之中. 但是,如果用代码实现材质对象,则需要添加属性、添加到显示列表两个过程. 在进行平面交互时,在interactiveSceneManager 对象以及 3D 对象上侦听 InteractiveScene3DEvent 事件,此事件的face3D 属性即当前三角形引用. 另外,对三维物体运动效果的控制,可以使用 Flash 开源类库Tweener TweenMax 类来实现缓动效果. 通过缓动类库轻松完成在指定时间内一个物体内部多种属性值从 a 变化到 b 的过程中的计算. 通过缓动的适当设计,让物体的运动显得更加平滑与自然,展现的效果更加真实.

    3 应用实例 1 是一个汽车展示网页页面,在这个页面中,可以使用鼠标来左右旋转汽车,可以使用鼠标的滚轮来调节汽车的远近大小. 汽车的模型在 3DS MAX 中建模,使用Papervision3D 进行了光照处理. 4 结语 本文对基于Papervision3D的在线产品展示的关键技术进行了探讨,重点研究了产品建模技术、在线渲染技术和在线实时交互技术,对相关技术的实际应用经验进行了总结. 以上研究成果可以丰富电子商务平台的产品展示方式,增强用户对产品在线体验,具有较好的实际应用价值. 参考文献: [1] 曲毅民. Java 3D 实现三维显示研究[J]. 信息技术, 2005(4): 83-85. [2] 罗立宏, 谭夏梅. 几种Web3D 技术及比较[J]. 甘肃科技, 2007(5): 20-22. [3] 张金钊, 张金锐, 张金镝. X3D 虚拟现实技术[J]. 电脑编程技巧与维护, 2008(9): 15-17. [4] . Flash ActionScript 3 殿堂之路[M]. 北京: 电子工业出版社, 2007. [5] BJÖRN HÖHRMANN, PHILIPPE LE HEGARET, TOM PIXLEY. Document Object Model Events[EB/OL]. (2007-12-21)[2009-04-18]. http://www.w3.org/TR/DOM-Level-3-Events/events.html. Online Product Presenting Technology Based on Papervision3D LI Xue-feng (School of Mathematics and Computer Science, Xiangfan University, Xiangfan 441053, China) Abstract: This paper analyses the key aspects of the current online product presenting technologies. The online virtual product presenting method based Papervison3D is proposed.The key technologies to construct the online virtual product presenting system based papervision3D were demonstrated and reseached.At the end, an example is presented to show effectiveness of the method. Key words: Papervision3D; 3D product; Online product presenting; Real-time interaction (责任编辑:陈 ) 1 汽车的展示实例图1 汽车的展示实例

     

     

    展开全文
  • threejs 制作产品3d展示页面

    千次阅读 热门讨论 2018-12-19 17:16:32
    公司XX产品线,一些产品,都配合专业的结构设计,因此产生了较多的结构设计文件,之前渲染过3D动画,效果还不错,但要想去向客户去直观展示还有点不够炫酷,因此决定采用web3D 页面的方式呈现出来。能达到更沉浸...
  • 互联网产品有哪些类型?

    千次阅读 2020-05-06 21:24:53
    而数据产品经理的话,则是要做数据类的工具型产品,需要对一些数据库和一些数据处理方法比较熟悉,技术底子 面试官建议我想好自己要做哪个方向上的产品,不同方向上的产品经理要求的技能有些不一样。 我明白他的...
  • 产品三维模型在线展示

    千次阅读 2018-09-26 12:53:00
    产品在线展示案例预览 玉镯在线预览:http://www.yanhuangxueyuan.com/3D/yuzhuo.html 汽车在线预览:http://www.yanhuangxueyuan.com/3D/car.html Web3D技术历史 可通过插件或WebGL技术实现Web3D,...
  • Dreamweaver制作产品展示动态网页

    千次阅读 2009-05-09 01:15:00
    公司创建电子商务主要是为了推广自己的产品,这就要求必须要一个产品展示厅。本实例主要讲解如何实现公司的产品展示厅。   效果说明  打开首页“ index.aspx ”,即可看到公司的产品展示,如图 82-1 所示...
  • 适合购物类网站产品展示的jQuery缩略图图片轮显,可以制作成相册效果,支持鼠标滑动翻页,单击缩略图切换大图片,或者在大图片上点击左右两侧的箭头切换图片,大图片以上下左右滚动的方式切换显示。本效果兼容IE/...
  • 网络推广有哪些方式

    千次阅读 2019-01-23 13:47:51
    网络推广是以企业产品或服务为核心内容,建立网站,再把这个网站通过各种免费或收费渠道展示给网民的一种推广方式,网络推广可以做到小投入大回报的效果。常见的网络推广有哪些方式呢?下面是一米软件为大家整理的相关...
  • 设计出来的原型产品就是你项目组后期整个项目所要做成的样子,只是为了向客户展示。注意啦!这款工具所设计出来的产品项目原型作用只有一个,那就是向客户展示你对他要做的项目~~ 好了,话不多说,来简单的设...
  • 3D虚拟展示是一种新型的商品展示方式,它是指在互联网上以3D虚拟现实的方式呈现现实中商品的展示方式,并且通过程序的互动设计模拟现实展会的各种功能。它早在09年就已经出现并且投入使用,经过这几年的发展更加完善...
  • ZBmodule 蓝牙4.0 DIY 产品展示

    千次阅读 2013-07-26 00:17:12
    iPhone遥控玩具蓝牙接收器 蓝牙4.0 技术交流讨论群 : 228014986 iPhone遥控玩具接收器器,采用最新蓝牙4.0BLE方案,低功耗...虚拟控键控制、摇杆模式、G-Sensor重力感应控制,多重控制方式,带来超酷游戏体验
  • ADA卡尔达诺Cardano 2020年:实现愿景,新推出线路图,产品图展示 ...ADA卡尔达诺Cardano新推出的路线图、产品展示和定期更新将突出显示进展,交流:yngzs69 Cardano正处于激动人心的转型阶段。长期以来,此项...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 252,239
精华内容 100,895
关键字:

产品展示方式有哪些